58 lines
1.7 KiB
TypeScript
58 lines
1.7 KiB
TypeScript
|
import AxeBuilder from '@axe-core/playwright'
|
||
|
|
import { expect, test } from '@playwright/test'
|
||
|
|
|
||
|
|
import { loadFixtures } from './fixtures'
|
||
|
|
|
||
|
|
const fixtures = loadFixtures()
|
||
|
|
|
||
|
|
const pages = [
|
||
|
|
{ name: 'Home', path: '/' },
|
||
|
|
{ name: 'RunList', path: '/runs' },
|
||
|
|
{ name: 'NewRun', path: '/runs/new' },
|
||
|
|
{ name: 'RunEncounters', path: `/runs/${fixtures.runId}` },
|
||
|
|
{ name: 'GenlockeList', path: '/genlockes' },
|
||
|
|
{ name: 'NewGenlocke', path: '/genlockes/new' },
|
||
|
|
{ name: 'GenlockeDetail', path: `/genlockes/${fixtures.genlockeId}` },
|
||
|
|
{ name: 'Stats', path: '/stats' },
|
||
|
|
{ name: 'AdminGames', path: '/admin/games' },
|
||
|
|
{ name: 'AdminPokemon', path: '/admin/pokemon' },
|
||
|
|
{ name: 'AdminEvolutions', path: '/admin/evolutions' },
|
||
|
|
]
|
||
|
|
|
||
|
|
const themes = ['dark', 'light'] as const
|
||
|
|
|
||
|
|
for (const theme of themes) {
|
||
|
|
test.describe(`Accessibility — ${theme} mode`, () => {
|
||
|
|
test.use({
|
||
|
|
storageState: undefined,
|
||
|
|
})
|
||
|
|
|
||
|
|
for (const { name, path } of pages) {
|
||
|
|
test(`${name} (${path}) has no WCAG violations`, async ({ page }) => {
|
||
|
|
// Set theme before navigation
|
||
|
|
await page.addInitScript((t) => {
|
||
|
|
localStorage.setItem('ant-theme', t)
|
||
|
|
}, theme)
|
||
|
|
|
||
|
|
await page.goto(path, { waitUntil: 'networkidle' })
|
||
|
|
|
||
|
|
const results = await new AxeBuilder({ page })
|
||
|
|
.withTags(['wcag2a', 'wcag2aa'])
|
||
|
|
.analyze()
|
||
|
|
|
||
|
|
const violations = results.violations.map((v) => ({
|
||
|
|
id: v.id,
|
||
|
|
impact: v.impact,
|
||
|
|
description: v.description,
|
||
|
|
nodes: v.nodes.length,
|
||
|
|
}))
|
||
|
|
|
||
|
|
expect(
|
||
|
|
violations,
|
||
|
|
`${name} (${theme}): ${violations.length} accessibility violations found:\n${JSON.stringify(violations, null, 2)}`,
|
||
|
|
).toHaveLength(0)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|