In the root level of your testing folder, install the @axe-core/watcher
package and all of its dependencies using npm
or your preferred package manager (for example, yarn
or pnpm
).
npm install --save-dev @axe-core/watcher
Create a fixtures.ts
file alongside your existing Playwright Test tests. In this file, import the playwrightTest()
function from @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 }
In your test files, replace the imports for test
and expect
from Playwright Test with your fixtures.ts
file:
import { test, expect } from '@playwright/test'
// Becomes:
import { test, expect } from './fixtures';
You're all done.