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.push('link-in-text-block'); let accessibilityScanner = 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'});}
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.push('link-in-text-block');
let accessibilityScanner = 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'});
}