runner.js: the Escape handler now checks panel.style.display !== 'none' before closing. During the test run the panel is hidden (display:none) but the variable is truthy — synthetic Escape events dispatched by tests (e.g. "closes on ESC") were triggering close() mid-run, removing the panel entirely so results never showed. quick-capture.test.js: the "Enter creates card with #inbox tag" test was asserting found.tags contains 'inbox', but the #inbox auto-tag was removed in 0.9.17. Renamed to "Enter creates card in active bucket" and dropped the stale tags assertion. chore: bump version to 0.9.20 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
87 lines
3.2 KiB
JavaScript
87 lines
3.2 KiB
JavaScript
import { describe, it, afterEach, expect, $, type, pressKey, sleep, closeAll, csrf } from './runner.js?v=4';
|
|
|
|
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 in active bucket', 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();
|
|
});
|
|
|
|
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);
|
|
});
|
|
});
|