mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-14 11:48:09 -05:00
36 lines
1.7 KiB
TypeScript
36 lines
1.7 KiB
TypeScript
|
import {expect, type Page} from '@playwright/test';
|
||
|
|
import {AxeBuilder} from '@axe-core/playwright';
|
||
|
|
|
||
|
|
export async function accessibilityCheck({page}: {page: Page}, includes: string[], excludes: string[], disabledRules: string[]) {
|
||
|
|
// contrast of inline links is still a global issue in Forgejo
|
||
|
|
disabledRules += 'link-in-text-block';
|
||
|
|
|
||
|
|
let accessibilityScanner = await new AxeBuilder({page})
|
||
|
|
.disableRules(disabledRules);
|
||
|
|
// passing the whole array seems to be not supported,
|
||
|
|
// iterating has the nice side-effectof skipping this if the array is empty
|
||
|
|
for (const incl of includes) {
|
||
|
|
// passing the whole array seems to be not supported
|
||
|
|
accessibilityScanner = accessibilityScanner.include(incl);
|
||
|
|
}
|
||
|
|
for (const excl of excludes) {
|
||
|
|
accessibilityScanner = accessibilityScanner.exclude(excl);
|
||
|
|
}
|
||
|
|
|
||
|
|
// scan the page both in dark and light theme
|
||
|
|
let accessibilityScanResults = await accessibilityScanner.analyze();
|
||
|
|
expect(accessibilityScanResults.violations).toEqual([]);
|
||
|
|
await page.emulateMedia({colorScheme: 'dark'});
|
||
|
|
// in https://codeberg.org/forgejo/forgejo/pulls/5899 there have been
|
||
|
|
// some weird failures related to contrast scanning,
|
||
|
|
// reporting for colours that haven't been used and no trace in the
|
||
|
|
// screenshots.
|
||
|
|
// Since this was only happening with some browsers and not always,
|
||
|
|
// my bet is on a transition effect on dark/light mode switch.
|
||
|
|
// Waiting a little seems to work around this.
|
||
|
|
await page.waitForTimeout(100); // eslint-disable-line playwright/no-wait-for-timeout
|
||
|
|
accessibilityScanResults = await accessibilityScanner.analyze();
|
||
|
|
expect(accessibilityScanResults.violations).toEqual([]);
|
||
|
|
await page.emulateMedia({colorScheme: 'light'});
|
||
|
|
}
|