Matt
221ae5784e
Bundles the prior autonomous-session output that was sitting unstaged: - Em-dash sweep across src/ + tests/ (en-dash/em-dash to hyphen, ~2280 instances) - country-flag-icons rollout (CountryFlag component, replaces emoji glyphs that never rendered on Windows; lazy-loads the 3x2 SVG index as a single chunk after the per-subpath dynamic-import approach silently failed in webpack) - Admin IA Phase 1+2: 7-domain regroup, 41 to 38 pages, /admin/berths index, redirects (ocr to ai, reports to dashboard, invitations to users), docs/admin-ia-proposal.md - Per-template email tester (registry + endpoint + UI on Email admin page) - Cancel-document mode picker (delete-from-Documenso vs keep-for-audit) - Dashboard PDF report: 25 widgets, SVG charts, date-range picker, 11 resolvers - Customize-widgets per-region sortables at xl+ (charts/rails/feed); single flat sortable below xl when the layout stacks; per-viewport saved orders - Audit doc updates capturing each shipped item - Lint fixes: react-compiler immutability in DonutChart (reduce instead of let-reassign), set-state-in-effect disables in CountryFlag and UploadForSigning preview-bytes effect, unused 'confirm' destructures in interest contract + reservation tabs, unescaped apostrophe in test-template card copy
60 lines
2.2 KiB
TypeScript
60 lines
2.2 KiB
TypeScript
/**
|
|
* Accessibility smoke test - runs axe-core against the main authenticated
|
|
* pages and fails CI if a new WCAG 2.1 A/AA serious-or-critical violation
|
|
* shows up. Existing violations on third-party / shadcn primitives are
|
|
* pruned via the disableRules list, kept small and audited.
|
|
*
|
|
* Add new pages here as they're built; each entry is < 200ms in a smoke run.
|
|
*/
|
|
|
|
import { expect, test } from '@playwright/test';
|
|
import AxeBuilder from '@axe-core/playwright';
|
|
|
|
import { login } from './helpers';
|
|
|
|
const PAGES = [
|
|
{ path: '/port-nimara', label: 'Dashboard' },
|
|
{ path: '/port-nimara/clients', label: 'Clients list' },
|
|
{ path: '/port-nimara/yachts', label: 'Yachts list' },
|
|
{ path: '/port-nimara/interests', label: 'Interests list' },
|
|
{ path: '/port-nimara/berths', label: 'Berths list' },
|
|
{ path: '/port-nimara/admin/branding', label: 'Admin / Branding' },
|
|
];
|
|
|
|
// Known third-party + shadcn primitives whose violations we accept for now.
|
|
// Tightened as the design system addresses each one.
|
|
const DISABLED_RULES = [
|
|
// Radix's hidden focus traps occasionally produce "tabindex >= 0 should
|
|
// not be on a non-interactive element" - known shadcn dialog/sheet shape.
|
|
'tabindex',
|
|
// Color-contrast on muted body text - design pass pending.
|
|
'color-contrast',
|
|
];
|
|
|
|
test.describe('accessibility - smoke', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await login(page, 'super_admin');
|
|
});
|
|
|
|
for (const { path, label } of PAGES) {
|
|
test(`${label} has no critical/serious WCAG violations`, async ({ page }) => {
|
|
await page.goto(path);
|
|
await page.waitForLoadState('networkidle');
|
|
const results = await new AxeBuilder({ page })
|
|
.withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'])
|
|
.disableRules(DISABLED_RULES)
|
|
.analyze();
|
|
const blocking = results.violations.filter(
|
|
(v) => v.impact === 'critical' || v.impact === 'serious',
|
|
);
|
|
if (blocking.length > 0) {
|
|
const summary = blocking
|
|
.map((v) => ` - [${v.impact}] ${v.id}: ${v.help} (${v.nodes.length} occurrences)`)
|
|
.join('\n');
|
|
throw new Error(`Accessibility violations on ${path}:\n${summary}\n\nSee ${results.url}`);
|
|
}
|
|
expect(blocking).toEqual([]);
|
|
});
|
|
}
|
|
});
|