import { describe, it, afterEach, expect, $, click, sleep, closeAll } from './runner.js?v=4';

describe('Calendar', () => {
    afterEach(() => closeAll());

    it('button exists', () => {
        expect($('#calendar-btn')).toExist();
    });

    it('opens on button click', async () => {
        click('#calendar-btn');
        await sleep(250);
        expect($('#calendar')).toBeVisible();
    });

    it('shows month title', async () => {
        click('#calendar-btn');
        await sleep(250);
        expect($('#cal-title')).toExist();
        expect($('#cal-title').textContent.length).toBeGreaterThan(3);
    });

    it('has navigation buttons', async () => {
        click('#calendar-btn');
        await sleep(200);
        expect($('#cal-prev')).toExist();
        expect($('#cal-next')).toExist();
        expect($('#cal-today')).toExist();
    });

    it('navigates months', async () => {
        click('#calendar-btn');
        await sleep(200);
        const before = $('#cal-title').textContent;
        click('#cal-next');
        await sleep(200);
        const after = $('#cal-title').textContent;
        // Should be different month
        expect(after).toBeTruthy();
    });

    it('today resets to current month', async () => {
        click('#calendar-btn');
        await sleep(200);
        click('#cal-next');
        click('#cal-next');
        await sleep(200);
        click('#cal-today');
        await sleep(200);
        const months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
        expect($('#cal-title').textContent).toContain(months[new Date().getMonth()]);
    });

    it('closes on close button', async () => {
        click('#calendar-btn');
        await sleep(200);
        click('#cal-close');
        await sleep(150);
        expect($('#calendar')).toBeHidden();
    });

    it('preserves month across close/reopen', async () => {
        // Open calendar and navigate forward 3 months
        click('#calendar-btn');
        await sleep(200);
        click('#cal-next');
        click('#cal-next');
        click('#cal-next');
        await sleep(200);
        const navigatedTitle = $('#cal-title').textContent;

        // Close
        click('#cal-close');
        await sleep(150);
        expect($('#calendar')).toBeHidden();

        // Reopen — must stay on the navigated month, not jump to today
        click('#calendar-btn');
        await sleep(200);
        expect($('#cal-title').textContent).toBe(navigatedTitle);
    });
});