import { describe, it, expect, vi, beforeAll, afterAll } from 'vitest'; import { JSDOM } from 'jsdom'; vi.mock('../../public/api.js', () => ({ api: { get: vi.fn().mockResolvedValue([]) } })); let renderSidebar; beforeAll(async () => { const dom = new JSDOM('', { url: 'http://localhost/#/' }); global.window = dom.window; global.document = dom.window.document; global.Node = dom.window.Node; global.location = dom.window.location; ({ renderSidebar } = await import('../../public/components/sidebar.js')); }); afterAll(() => { delete global.window; delete global.document; delete global.Node; delete global.location; }); describe('sidebar Apps section', () => { it('renders Timelapse and AI Usage nav items', () => { const root = document.getElementById('sidebar'); renderSidebar(root); const hrefs = [...root.querySelectorAll('a.sb-item')].map(a => a.getAttribute('href')); expect(hrefs).toContain('#/timelapse'); expect(hrefs).toContain('#/ai-usage'); }); });