codex generated updates

2026-05-06 14:28:51 +01:00
parent f681677ae7
commit c2ce832155
3 changed files with 963 additions and 510 deletions
--- a/test/dashboard.test.mjs
+++ b/test/dashboard.test.mjs
@@ -0,0 +1,144 @@
+import { readFile } from 'node:fs/promises';
+import assert from 'node:assert/strict';
+import test from 'node:test';
+
+const html = await readFile(new URL('../index.html', import.meta.url), 'utf8');
+
+function idsInMarkup() {
+  return [...html.matchAll(/\sid=["']([^"']+)["']/g)].map(match => match[1]);
+}
+
+function elementsWithClass(className) {
+  const pattern = new RegExp(`<[^>]*class=["'][^"']*\\b${className}\\b[^"']*["'][^>]*>`, 'g');
+  return [...html.matchAll(pattern)].map(match => match[0]);
+}
+
+test('dashboard keeps the required interactive element ids unique', () => {
+  const ids = idsInMarkup();
+  const requiredIds = [
+    'clockDisplay',
+    'dateDisplay',
+    'lastUpdated',
+    'globalStatus',
+    'health',
+    'healthBadge',
+    'serverDot',
+    'webDot',
+    'webStatus',
+    'roamDot',
+    'roamStatus',
+    'uptimeStat',
+    'uptimeDays',
+    'uptimeHours',
+    'uptimeMins',
+    'uptimeStart',
+    'uptimePct',
+    'uptimeFill',
+    'pingHistory',
+    'dailyMessage',
+    'countdownLabel',
+    'countdownDisplay',
+    'cd-days',
+    'cd-hours',
+    'cd-mins',
+    'cd-secs',
+    'buildBtn',
+    'killWebBtn',
+    'buildResult',
+    'webLastRunMeta',
+    'logOutput',
+    'orgRoamBtn',
+    'orgRoamBtn2',
+    'combinedBtn',
+    'killRoamBtn',
+    'pipelineSteps',
+    'pipeStep1',
+    'pipeStep2',
+    'orgRoamResult',
+    'roamLastRunMeta',
+    'orgRoamLogs',
+    'modalOverlay',
+    'modalTitle',
+    'modalBody',
+    'modalCancel',
+    'modalConfirm'
+  ];
+
+  for (const id of requiredIds) {
+    assert.ok(ids.includes(id), `missing #${id}`);
+  }
+
+  const duplicates = ids.filter((id, index) => ids.indexOf(id) !== index);
+  assert.deepEqual(duplicates, []);
+});
+
+test('website and roam logs remain directly accessible from toggle buttons', () => {
+  const ids = new Set(idsInMarkup());
+  const toggleButtons = elementsWithClass('toggleLogs');
+  assert.equal(toggleButtons.length, 2);
+
+  for (const button of toggleButtons) {
+    const target = button.match(/data-target=["']([^"']+)["']/)?.[1];
+    assert.ok(target, `toggle missing data-target: ${button}`);
+    assert.ok(ids.has(target), `toggle target #${target} is missing`);
+  }
+
+  assert.match(html, /data-target=["']logOutput["']/);
+  assert.match(html, /data-target=["']orgRoamLogs["']/);
+  assert.match(html, /id=["']logOutput["'][^>]*class=["'][^"']*\blog-box\b[^"']*\bhidden\b/);
+  assert.match(html, /id=["']orgRoamLogs["'][^>]*class=["'][^"']*\blog-box\b[^"']*\bhidden\b/);
+});
+
+test('build controls use the expected API endpoints and streams', () => {
+  const expectedEndpoints = [
+    '/api/health',
+    '/api/uptime',
+    '/api/last-runs',
+    '/api/build-web',
+    '/api/build-web/logs',
+    '/api/build-web/status',
+    '/api/build-roam',
+    '/api/build-roam/logs',
+    '/api/build-roam/status',
+    '/api/rerun-emacs',
+    '/api/rerun-emacs/logs',
+    '/api/rerun-emacs/status',
+    '/api/run-combined',
+    '/api/run-combined/logs',
+    '/api/run-combined/status'
+  ];
+
+  for (const endpoint of expectedEndpoints) {
+    assert.ok(html.includes(endpoint), `missing endpoint ${endpoint}`);
+  }
+
+  assert.match(html, /new EventSource\(url\)/);
+  assert.match(html, /addEventListener\(['"]log['"]/);
+  assert.match(html, /addEventListener\(['"]done['"]/);
+});
+
+test('primary buttons are wired to their handlers', () => {
+  const expectedWiring = [
+    ["buildBtn", "runWebBuild"],
+    ["orgRoamBtn", "runOrgRoamBuild"],
+    ["orgRoamBtn2", "rerunEmacs"],
+    ["combinedBtn", "runCombined"]
+  ];
+
+  for (const [id, handler] of expectedWiring) {
+    assert.match(
+      html,
+      new RegExp(`getElementById\\(['"]${id}['"]\\)\\.addEventListener\\(['"]click['"], ${handler}\\)`)
+    );
+  }
+});
+
+test('retro layout classes and accessible structure are present', () => {
+  for (const className of ['topbar', 'dashboard-grid', 'rail', 'panel', 'run-grid', 'log-tools']) {
+    assert.match(html, new RegExp(`class=["'][^"']*\\b${className}\\b`), `missing .${className}`);
+  }
+
+  assert.match(html, /<main class=["']page["']/);
+  assert.match(html, /aria-label=["']Build runs["']/);
+  assert.match(html, /role=["']dialog["']/);
+});