Hynes/Void-Homelab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
root
2026-06-08 14:50:50 +10:00
parent f02c0a7303
commit ac7983eb52
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/components/sidebar.js
View File

@@ -127,6 +127,11 @@ export function renderSidebar(root) {
inboxItem, inboxItem,
navItem('Jobs', '/jobs'), navItem('Jobs', '/jobs'),
navItem('Settings', '/settings') navItem('Settings', '/settings')
),
el('div', { class: 'sb-section' },
el('div', { class: 'sb-title' }, 'Apps'),
navItem('Timelapse', '/timelapse'),
navItem('AI Usage', '/ai-usage')
) )
); );

23
tests/frontend/sidebar_apps.test.js Normal file
View File

@@ -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');
});
});