plugin infrastruktur

public/plugins/tests/calendar.test.js

@@ -0,0 +1,61 @@
+import { describe, it, afterEach, expect, $, click, sleep, closeAll } from './runner.js';
+
+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();
+    });
+});