plugin infrastruktur

public/plugins/tests/snippets.test.js

@@ -0,0 +1,143 @@
+import { describe, it, afterEach, expect, $, click, sleep, closeAll } from './runner.js';
+
+// Helper: simulate typing a snippet trigger in the editor body
+function typeSnippet(bodyEl, trigger) {
+    bodyEl.value = trigger;
+    bodyEl.selectionStart = bodyEl.selectionEnd = trigger.length;
+    // Simulate the space key that triggers snippet expansion
+    bodyEl.value = trigger + ' ';
+    bodyEl.selectionStart = bodyEl.selectionEnd = trigger.length + 1;
+    bodyEl.dispatchEvent(new InputEvent('input', { bubbles: true, inputType: 'insertText', data: ' ' }));
+}
+
+describe('Snippets: Date & Time', () => {
+    afterEach(() => closeAll());
+
+    it('?dat inserts current date', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?dat');
+        await sleep(100);
+        const today = new Date().toISOString().substring(0, 10);
+        expect(body.value).toContain(today);
+    });
+
+    it('?time inserts current time', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?time');
+        await sleep(100);
+        // Should contain HH:MM pattern
+        expect(body.value).toMatch(/\d{2}:\d{2}/);
+    });
+
+    it('?now inserts date and time', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?now');
+        await sleep(100);
+        expect(body.value).toMatch(/\d{4}-\d{2}-\d{2} \d{2}:\d{2}/);
+    });
+
+    it('?week inserts KW number', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?week');
+        await sleep(100);
+        expect(body.value).toMatch(/KW\d+/);
+    });
+});
+
+describe('Snippets: Markdown Helpers', () => {
+    afterEach(() => closeAll());
+
+    it('?todo inserts checkbox', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?todo');
+        await sleep(100);
+        expect(body.value).toContain('- [ ] ');
+    });
+
+    it('?hr inserts horizontal rule', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?hr');
+        await sleep(100);
+        expect(body.value).toContain('---');
+    });
+
+    it('?h1 inserts heading', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?h1');
+        await sleep(100);
+        expect(body.value).toContain('# ');
+    });
+
+    it('?table inserts table template', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?table');
+        await sleep(100);
+        expect(body.value).toContain('| col1 |');
+        expect(body.value).toContain('| --- |');
+    });
+
+    it('?code inserts code block', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?code');
+        await sleep(100);
+        expect(body.value).toContain('```');
+    });
+});
+
+describe('Snippets: Inline Calculator', () => {
+    afterEach(() => closeAll());
+
+    it('?3+5 calculates to 8', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?3+5');
+        await sleep(100);
+        expect(body.value).toContain('8');
+    });
+
+    it('34+56? becomes 34+56=90', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '34+56?');
+        await sleep(100);
+        expect(body.value).toContain('34+56=90');
+    });
+
+    it('?10*3 calculates to 30', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?10*3');
+        await sleep(100);
+        expect(body.value).toContain('30');
+    });
+
+    it('?100/4 calculates to 25', async () => {
+        click('#add-btn');
+        await sleep(200);
+        const body = $('#editor-body');
+        typeSnippet(body, '?100/4');
+        await sleep(100);
+        expect(body.value).toContain('25');
+    });
+});