mirror of
https://github.com/ruvnet/RuView
synced 2026-08-05 19:41:44 +00:00
ruv
f5ec749d5c
Closes the infrastructure half of ADR-092's open §11 gates:
- §11.5 axe-core a11y formal scan
- §11.8 cross-browser (Chromium + Firefox + WebKit)
## v2/crates/nvsim-server/Dockerfile (new)
Multi-stage build (rust:1.81-slim → debian:bookworm-slim):
- builds nvsim-server release binary
- runs as non-root `nvsim` user
- exposes 7878
- HEALTHCHECK against /api/health
- ENTRYPOINT nvsim-server with default --listen 0.0.0.0:7878
## .github/workflows/nvsim-server-docker.yml (new)
- triggers: push to main affecting nvsim*, tag nvsim-server-v*, manual
- publishes ghcr.io/ruvnet/nvsim-server:{branch,tag,sha,latest}
- multi-platform: linux/amd64
- post-publish smoke test: docker pull + run + curl /api/health
## dashboard/tests/a11y.spec.ts (new)
Playwright + @axe-core/playwright suite:
- iterates 6 primary views (home/scene/apps/inspector/witness/ghost-murmur)
- dismisses welcome modal, navigates via rail buttons
- runs axe-core with wcag2a + wcag2aa rule sets
- asserts 0 critical AND 0 serious violations per view
- prints violation summary on failure for actionable CI logs
## dashboard/playwright.config.ts (new)
- 3 projects: chromium, firefox, webkit
- webServer: npm run preview (vite preview port 4173)
- baseURL: http://localhost:4173
## .github/workflows/dashboard-a11y.yml (new)
- triggers: push to main, PRs touching dashboard/**, manual
- builds nvsim WASM via wasm-pack
- npm ci + playwright install --with-deps
- npm run build + npx playwright test (all 3 browsers × 6 views)
## dashboard/package.json
- new scripts: test:e2e, test:a11y
- new devDeps: @playwright/test, @axe-core/playwright
Co-Authored-By: claude-flow <ruv@ruv.net>
57 lines
2.3 KiB
TypeScript
57 lines
2.3 KiB
TypeScript
/* axe-core accessibility smoke against the built dashboard.
|
|
* Closes ADR-092 §11.5 — formal axe scan.
|
|
*
|
|
* Runs against `npm run preview` (Vite preview server). Validates each
|
|
* primary view (home / scene / apps / inspector / witness / ghost-murmur)
|
|
* and asserts 0 critical/serious violations.
|
|
*/
|
|
|
|
import { test, expect } from '@playwright/test';
|
|
import AxeBuilder from '@axe-core/playwright';
|
|
|
|
const VIEWS = ['home', 'scene', 'apps', 'inspector', 'witness', 'ghost-murmur'] as const;
|
|
|
|
test.describe('axe-core a11y smoke', () => {
|
|
for (const view of VIEWS) {
|
|
test(`view: ${view}`, async ({ page }) => {
|
|
await page.goto('/');
|
|
// Dismiss the welcome modal if it auto-shows.
|
|
await page.evaluate(() => {
|
|
const sr = (document.querySelector('nv-app') as HTMLElement & { shadowRoot: ShadowRoot }).shadowRoot;
|
|
const ob = sr.querySelector('nv-onboarding') as HTMLElement | null;
|
|
if (ob?.hasAttribute('open')) {
|
|
(ob.shadowRoot?.querySelector('.skip') as HTMLElement | null)?.click();
|
|
}
|
|
});
|
|
// Navigate to the view via the rail button (except for home which is default).
|
|
if (view !== 'home') {
|
|
await page.evaluate((v) => {
|
|
const sr = (document.querySelector('nv-app') as HTMLElement & { shadowRoot: ShadowRoot }).shadowRoot;
|
|
const rail = sr.querySelector('nv-rail') as HTMLElement & { shadowRoot: ShadowRoot };
|
|
const btn = rail.shadowRoot.querySelector(`button[data-id=${v}-btn]`) as HTMLElement | null;
|
|
btn?.click();
|
|
}, view);
|
|
await page.waitForTimeout(300);
|
|
}
|
|
|
|
const results = await new AxeBuilder({ page })
|
|
.options({ runOnly: ['wcag2a', 'wcag2aa'] })
|
|
.analyze();
|
|
|
|
const critical = results.violations.filter((v) => v.impact === 'critical');
|
|
const serious = results.violations.filter((v) => v.impact === 'serious');
|
|
|
|
// Logging the violation summary makes CI failures readable.
|
|
if (critical.length || serious.length) {
|
|
for (const v of [...critical, ...serious]) {
|
|
console.error(`[${view}] ${v.impact} · ${v.id} · ${v.help}`);
|
|
for (const node of v.nodes) console.error(` ${node.target.join(' >> ')}`);
|
|
}
|
|
}
|
|
|
|
expect(critical.length, 'no critical violations').toBe(0);
|
|
expect(serious.length, 'no serious violations').toBe(0);
|
|
});
|
|
}
|
|
});
|