thandClaude Opus 4.6
fe3399a44b
* runner.js: shows a 30px fixed-top progress strip during runs (label "test x/total:", current suite/test name with ellipsis on the left, fixed 50%-wide progress fill on the right that turns danger-red on the first failure). The DOM node is created in loader.js so it appears immediately on shortcut press; runner.js only updates it. The fill width is fixed at flex:0 0 50% so it doesn't jiggle as the test name changes length. Suites now live on window._testSuites as a defensive fallback so two runner instances stay in sync. * Cache invalidation: every test file's `from './runner.js'` is now `from './runner.js?v=2'`, and loader.js imports the runner with the same RUNNER_V suffix. Same URL → one module instance → suite registration and runAll see the same array. Bumping RUNNER_V (in loader.js + every test file in lock-step) is the way to force a re-fetch when runner.js changes. * loader.js: ensureProgressBar() draws the strip via setProperty(..., 'important') with z-index 2147483647 attached to documentElement so nothing in user CSS, scanline overlay (z 9999) or modals can occlude it. Auto-run path (?test=1) also pre-renders the strip. chore: bump version to 0.9.1 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
88 lines
3.2 KiB
JavaScript
88 lines
3.2 KiB
JavaScript
import { describe, it, afterEach, expect, $, type, pressKey, sleep, closeAll, csrf } from './runner.js?v=2';
|
|
|
|
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);
|
|
});
|
|
});
|