Instructions for Playwright Test and TypeScript

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.