UI-tests und fixes aus tests

public/js/test/quick-capture.test.js

@@ -0,0 +1,87 @@
+import { describe, it, afterEach, expect, $, type, pressKey, sleep, closeAll, csrf } from './runner.js';
+
+describe('Quick Capture: Open/Close', () => {
+    afterEach(async () => {
+        const qc = $('#quick-capture');
+        if (qc && !qc.classList.contains('hidden')) qc.classList.add('hidden');
+        $('#quick-capture-input').value = '';
+        await closeAll();
+    });
+
+    it('Ctrl+N opens capture bar', async () => {
+        pressKey('n', { ctrlKey: true });
+        await sleep(100);
+        expect($('#quick-capture').classList.contains('hidden')).toBe(false);
+    });
+
+    it('input is focused on open', async () => {
+        pressKey('n', { ctrlKey: true });
+        await sleep(100);
+        expect(document.activeElement).toBe($('#quick-capture-input'));
+    });
+
+    it('ESC closes capture bar', async () => {
+        pressKey('n', { ctrlKey: true });
+        await sleep(100);
+        const input = $('#quick-capture-input');
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+        await sleep(100);
+        expect($('#quick-capture').classList.contains('hidden')).toBe(true);
+    });
+
+    it('Ctrl+N toggles off', async () => {
+        pressKey('n', { ctrlKey: true });
+        await sleep(100);
+        pressKey('n', { ctrlKey: true });
+        await sleep(100);
+        expect($('#quick-capture').classList.contains('hidden')).toBe(true);
+    });
+});
+
+describe('Quick Capture: Card Creation', () => {
+    afterEach(async () => {
+        const qc = $('#quick-capture');
+        if (qc && !qc.classList.contains('hidden')) qc.classList.add('hidden');
+        $('#quick-capture-input').value = '';
+        await closeAll();
+    });
+
+    it('Enter creates card with #inbox tag', async () => {
+        pressKey('n', { ctrlKey: true });
+        await sleep(100);
+        const input = $('#quick-capture-input');
+        input.value = '__test_quick_capture__';
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
+        await sleep(400);
+
+        const cards = await fetch('api/cards').then(r => r.json());
+        const found = cards.find(c => c.title === '__test_quick_capture__');
+        expect(found).toExist();
+        expect(found.tags).toContain('inbox');
+    });
+
+    it('capture bar closes after Enter', async () => {
+        pressKey('n', { ctrlKey: true });
+        await sleep(100);
+        const input = $('#quick-capture-input');
+        input.value = '__test_qc_close__';
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
+        await sleep(400);
+
+        expect($('#quick-capture').classList.contains('hidden')).toBe(true);
+        expect(input.value).toBe('');
+    });
+
+    it('empty input does nothing on Enter', async () => {
+        const countBefore = (await fetch('api/cards').then(r => r.json())).length;
+        pressKey('n', { ctrlKey: true });
+        await sleep(100);
+        const input = $('#quick-capture-input');
+        input.value = '';
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
+        await sleep(200);
+
+        const countAfter = (await fetch('api/cards').then(r => r.json())).length;
+        expect(countAfter).toBe(countBefore);
+    });
+});