50 lines
2.8 KiB
JavaScript
50 lines
2.8 KiB
JavaScript
import test from 'node:test';
|
|
import assert from 'node:assert/strict';
|
|
import fs from 'node:fs/promises';
|
|
import path from 'node:path';
|
|
|
|
const ROOT = process.cwd();
|
|
|
|
async function read(relativePath) {
|
|
return fs.readFile(path.join(ROOT, relativePath), 'utf8');
|
|
}
|
|
|
|
test('layout uses Noto Sans without JetBrains Mono dependency', async () => {
|
|
const layout = await read('src/app/layout.tsx');
|
|
|
|
assert.match(layout, /Noto_Sans/, 'should use Noto Sans font family');
|
|
assert.match(layout, /--font-ui/, 'should expose ui font css variable');
|
|
assert.doesNotMatch(layout, /JetBrains_Mono/, 'should not include JetBrains Mono');
|
|
assert.doesNotMatch(layout, /--font-mono/, 'should not expose mono font css variable from layout');
|
|
});
|
|
|
|
test('global stylesheet defines aero chrome foundation tokens and anti-banding layers', async () => {
|
|
const css = await read('src/app/globals.css');
|
|
|
|
assert.match(css, /--bg-base:/, 'should define matte base token');
|
|
assert.match(css, /--glass-base:/, 'should define glass surface token');
|
|
assert.match(css, /--edge-top:/, 'should define top chrome edge token');
|
|
assert.match(css, /--font-ui-stack:/, 'should define ui font stack token');
|
|
assert.match(css, /--font-mono-stack:/, 'should define mono font stack token');
|
|
assert.match(css, /font-family:\s*var\(--font-ui-stack\)/, 'body should consume ui font token');
|
|
assert.match(css, /body::before/, 'should define anti-banding grid layer');
|
|
assert.match(css, /body::after/, 'should define anti-banding noise layer');
|
|
assert.match(css, /--status-rdy-glow:/, 'should define ready glow token');
|
|
assert.match(css, /--status-blk-glow:/, 'should define blocked glow token');
|
|
assert.match(css, /--status-wip-glow:/, 'should define in-progress glow token');
|
|
assert.match(css, /--elevation-tight:/, 'should define tight elevation token');
|
|
assert.match(css, /--elevation-ambient:/, 'should define ambient elevation token');
|
|
assert.match(css, /\.glass-panel/, 'should define reusable glass panel primitive');
|
|
});
|
|
|
|
test('kanban and graph surfaces apply semantic typography classes', async () => {
|
|
const kanbanControls = await read('src/components/kanban/kanban-controls.tsx');
|
|
const kanbanCard = await read('src/components/kanban/kanban-card.tsx');
|
|
const graphCardGrid = await read('src/components/graph/task-card-grid.tsx');
|
|
const graphNodeCard = await read('src/components/graph/graph-node-card.tsx');
|
|
|
|
assert.match(kanbanControls, /ui-text/, 'kanban controls should use ui-text class');
|
|
assert.match(kanbanCard, /system-data/, 'kanban card should use system-data class for metadata');
|
|
assert.match(graphCardGrid, /ui-text/, 'graph task grid should use ui-text class for prose labels');
|
|
assert.match(graphNodeCard, /system-data/, 'graph node card should use system-data class for machine data');
|
|
});
|