Installieren Sie auf der Stammebene Ihres Testordners das Paket @axe-core/watcher und alle seine Abhängigkeiten mit npm oder Ihrem bevorzugten Paketmanager (z. B. Yarn oder pnpm).

npm install --save-dev @axe-core/watcher

Erstellen Sie neben Ihren vorhandenen Playwright Test tests eine Datei „fixtures.ts“. Importieren Sie in diese Datei die Playwright-Testfunktion von @axe-core/watcher:

import { playwrightTest } from '@axe-core/watcher'

const API_KEY = process.env.API_KEY!

const { test, expect } = playwrightTest({
  axe: {
    apiKey: API_KEY
  },
  headless: false
  // Any other Playwright configuration you’d pass to chromium.launchPersistentContext() here
})

export { test, expect }

Ersetzen Sie in Ihren Testdateien die Importe für Test und Expect von Playwright Test durch Ihre Datei fixtures.ts :

import { test, expect } from '@playwright/test'

// Becomes:
import { test, expect } from './fixtures';

Sie haben alles erledigt.