diff --git a/public/components/sidebar.js b/public/components/sidebar.js index 332befa..6d5d060 100644 --- a/public/components/sidebar.js +++ b/public/components/sidebar.js @@ -127,6 +127,11 @@ export function renderSidebar(root) { inboxItem, navItem('Jobs', '/jobs'), navItem('Settings', '/settings') + ), + el('div', { class: 'sb-section' }, + el('div', { class: 'sb-title' }, 'Apps'), + navItem('Timelapse', '/timelapse'), + navItem('AI Usage', '/ai-usage') ) ); diff --git a/tests/frontend/sidebar_apps.test.js b/tests/frontend/sidebar_apps.test.js new file mode 100644 index 0000000..f7647af --- /dev/null +++ b/tests/frontend/sidebar_apps.test.js @@ -0,0 +1,23 @@ +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'); + }); +});