46 lines
3.7 KiB
JavaScript
46 lines
3.7 KiB
JavaScript
import assert from "node:assert/strict";
|
|
import { readFileSync } from "node:fs";
|
|
import { resolve } from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
|
|
const webuiRoot = resolve(fileURLToPath(new URL("..", import.meta.url)));
|
|
const read = (path) => readFileSync(resolve(webuiRoot, path), "utf8");
|
|
|
|
const settings = read("src/features/settings/SettingsPage.tsx");
|
|
const retention = read("src/features/privacy/RetentionPolicyManagement.tsx");
|
|
const credentials = read("src/components/CredentialEnvelopeManager.tsx");
|
|
const iconRail = read("src/layout/IconRail.tsx");
|
|
const moduleLoadBoundary = read("src/components/ModuleLoadBoundary.tsx");
|
|
const titlebar = read("src/layout/Titlebar.tsx");
|
|
const layoutStyles = read("src/styles/layout.css");
|
|
|
|
assert.match(settings, /contextId: "core\.settings"/, "settings expose stable contextual documentation");
|
|
assert.match(settings, /There are no unsaved profile changes\./, "profile save explains its clean state");
|
|
assert.match(settings, /There are no unsaved interface changes\./, "preference save explains its clean state");
|
|
|
|
assert.match(retention, /<ActionBlockerHint/, "retention renders the shared actionable blocker");
|
|
assert.match(retention, /contextId: "privacy\.retention"/, "retention exposes stable admin documentation");
|
|
assert.match(retention, /locked by platform configuration/, "retention explains platform locks");
|
|
assert.doesNotMatch(retention, /<textarea/, "retention does not use raw text or JSON as its primary editor");
|
|
|
|
assert.match(credentials, /<ActionBlockerHint/, "credentials render the shared actionable blocker");
|
|
assert.match(credentials, /contextId: "access\.credentials"/, "credentials expose stable admin documentation");
|
|
assert.match(credentials, /disabledReason: writeDisabledReason/, "credential row actions retain actionable disabled reasons");
|
|
assert.doesNotMatch(credentials, /<textarea/, "credentials use typed controls rather than a primary JSON editor");
|
|
|
|
assert.match(iconRail, /<div className="icon-rail-scroll">\s*<nav className="icon-nav">/, "the module navigation has a dedicated scroll viewport");
|
|
assert.match(layoutStyles, /\.icon-rail-scroll \{[^}]*min-height: 0;[^}]*flex: 1 1 auto;[^}]*overflow-y: auto;/, "only the middle rail region scrolls");
|
|
assert.match(layoutStyles, /\.icon-rail-header \{[^}]*flex: 0 0 auto;/, "the rail logo remains fixed");
|
|
assert.match(layoutStyles, /\.icon-rail-bottom \{[^}]*flex: 0 0 auto;/, "the rail utility controls remain fixed");
|
|
|
|
assert.match(titlebar, /className="titlebar-status-pattern"/, "shell state uses a titlebar background pattern");
|
|
assert.match(titlebar, /className="titlebar-global-search"/, "global search retains its dedicated titlebar grid cell");
|
|
assert.match(titlebar, /className="account-pill"[\s\S]*aria-label=\{displayUserName\}[\s\S]*aria-haspopup="menu"/, "the compact account menu retains an accessible name and menu state");
|
|
assert.doesNotMatch(layoutStyles, /\.maintenance-topbar-link[^}]*position: absolute;/, "maintenance state does not occupy the centered search position");
|
|
assert.match(layoutStyles, /@media \(max-width: 600px\)[\s\S]*\.app-main \{[\s\S]*grid-template-rows: 104px 51px minmax\(0, 1fr\);/, "the narrow shell reserves two non-overlapping titlebar rows");
|
|
assert.match(layoutStyles, /@media \(max-width: 600px\)[\s\S]*\.titlebar-context-selectors \{[\s\S]*overflow-x: auto;/, "narrow context selectors remain reachable without covering titlebar actions");
|
|
assert.match(layoutStyles, /@media \(max-width: 600px\)[\s\S]*\.account-pill span \{[\s\S]*display: none;/, "narrow account controls retain the icon while removing collision-prone text");
|
|
assert.match(moduleLoadBoundary, /<DismissibleAlert tone="danger" compact/, "module failures use the compact shared alert");
|
|
|
|
console.log("Core interface-pattern contracts passed.");
|