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 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);
    });
});