feat(sidebar): add Apps section with Timelapse and AI Usage

2026-06-08 14:50:50 +10:00
parent f02c0a7303
commit ac7983eb52
2 changed files with 28 additions and 0 deletions
--- a/tests/frontend/sidebar_apps.test.js
+++ 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('<!doctype html><html><body><div id="sidebar"></div></body></html>', { 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');
+  });
+});