1. 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
  2. Create a fixtures.ts file alongside your existing Playwright Test tests. In this file, import the Playwright Test function from @axe-core/watcher:

    import { PlaywrightTestConfig } from '@axe-core/watcher'
    
    const API_KEY = process.env.API_KEY
    
    const config: PlaywrightTestConfig = {
      axe: {
        apiKey: API_KEY
      },
      headless: false,
      // Any other Playwright configuration you’d pass to chromium.launchPersistentContext() here
    }
    
    export default config
  3. 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';
  4. You're all done.