Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
83 lines
2.5 KiB
JavaScript
83 lines
2.5 KiB
JavaScript
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 = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
|
|
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);
|
|
});
|
|
});
|