Kjell Tore Guttormsen
5820478f71
Step 29 of v4.3 plan — Wave 7: - Group B (9 tests): DS-token classes (badge--scope-voyage, guide-panel, fleet-grid), theme-toggle wiring (data-action, wireThemeToggle, localStorage), sidebar-tab keyboard pattern (role=tablist, aria-selected, J/K/Esc), anchor-ID format mirror. - Group C (7 tests, +1 vs original): export-bundle JSON parse, required keys, per-annotation field validation, empty-export edge case, annotation_digest order-independence, SHA-256 16-hex-char validity (SC6 / SC-GAP-3), fixture plan anchor format. - Fixtures: tests/fixtures/playground/v43-export-bundle.json + v43-plan-pre-annotate.md (ANN-0001 + ANN-0002, revision: 0). Test count: 689 → 705 pass / 0 fail / 2 skipped.
75 lines
3.6 KiB
JavaScript
75 lines
3.6 KiB
JavaScript
// tests/playground/voyage-playground-structure.test.mjs
|
|
// v4.3 Step 29 — Group B structural assertions for the voyage playground.
|
|
//
|
|
// Group B verifies that DS-token classes, theme-toggle wiring, and the
|
|
// sidebar-tab/keyboard pattern are present in voyage-playground.html.
|
|
// All assertions are static-grep (no DOM, no browser). Companion to:
|
|
// - tests/playground/voyage-playground.test.mjs (Group A — SC1/3/6/7)
|
|
// - tests/integration/annotation-export-schema.test.mjs (Group C — SC6)
|
|
|
|
import { test } from 'node:test';
|
|
import { strict as assert } from 'node:assert';
|
|
import { readFileSync } from 'node:fs';
|
|
import { dirname, resolve, join } from 'node:path';
|
|
import { fileURLToPath } from 'node:url';
|
|
|
|
const __dirname = dirname(fileURLToPath(import.meta.url));
|
|
const ROOT = resolve(__dirname, '..', '..');
|
|
const HTML = join(ROOT, 'playground', 'voyage-playground.html');
|
|
|
|
// --- DS-token classes present ----------------------------------------
|
|
test('Group B — DS badge--scope-voyage class present (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
assert.match(text, /badge--scope-voyage/, 'badge--scope-voyage required');
|
|
});
|
|
|
|
test('Group B — DS guide-panel + key-stats classes present (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
assert.match(text, /class="guide-panel/, 'guide-panel base class required');
|
|
assert.match(text, /class="key-stats/, 'key-stats class required');
|
|
});
|
|
|
|
test('Group B — DS fleet-grid + fleet-tile classes present (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
assert.match(text, /class="fleet-grid"/, 'fleet-grid required');
|
|
assert.match(text, /class="fleet-tile/, 'fleet-tile required');
|
|
});
|
|
|
|
// --- Theme-toggle wired ---------------------------------------------
|
|
test('Group B — theme-toggle button has data-action attribute (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
assert.match(text, /data-action="toggle-theme"/, 'data-action=toggle-theme required');
|
|
assert.match(text, /aria-label="Bytt tema"/, 'theme-toggle aria-label required');
|
|
});
|
|
|
|
test('Group B — wireThemeToggle handler exists (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
assert.match(text, /function\s+wireThemeToggle\s*\(/, 'wireThemeToggle function required');
|
|
});
|
|
|
|
test('Group B — theme persistence to localStorage (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
assert.match(text, /(voyage-theme|voyage_theme)/, 'theme localStorage key required');
|
|
});
|
|
|
|
// --- Sidebar-tab / keyboard pattern ---------------------------------
|
|
test('Group B — sidebar role=tablist with aria-selected (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
assert.match(text, /role="tablist"/, 'role=tablist required');
|
|
assert.match(text, /aria-selected="(true|false)"/, 'aria-selected attribute required');
|
|
});
|
|
|
|
test('Group B — keyboard nav J/K + Esc handlers wired (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
// Step 20 — J/K navigation + Esc dismiss
|
|
assert.match(text, /(keydown|keypress|keyup)/, 'keyboard event listener required');
|
|
assert.match(text, /(['"]j['"]|['"]J['"]|KeyJ)/, 'J navigation required');
|
|
assert.match(text, /(['"]k['"]|['"]K['"]|KeyK)/, 'K navigation required');
|
|
});
|
|
|
|
test('Group B — anchor-ID format ANN-NNNN matches Node-side parser (v4.3 Step 29)', () => {
|
|
const text = readFileSync(HTML, 'utf-8');
|
|
// Mirror of lib/parsers/anchor-parser.mjs ID_RE (^ANN-\d{4}$)
|
|
assert.match(text, /\/\^ANN-\\d\{4\}\$\//, 'VOYAGE_ANCHOR_ID_RE pattern required');
|
|
assert.match(text, /function\s+parseAnchor\s*\(/, 'parseAnchor function required');
|
|
});
|