No nível raiz da sua pasta de testes, instale o @axe-core/watcher pacote e todas as suas dependências usando npm ou o seu gerenciador de pacotes preferido (por exemplo, yarn ou pnpm).

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

Crie um arquivo fixtures.ts ao lado dos seus testes existentes do Playwright Test. Neste arquivo, importe a função playwrightTest() de @axe-core/watcher:

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

const ACCESSIBILITY_API_KEY = process.env.ACCESSIBILITY_API_KEY
const PROJECT_ID = process.env.PROJECT_ID

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

export { test, expect }

Certifique-se de definir ACCESSIBILITY_API_KEY e PROJECT_ID no seu ambiente para a sua chave de API pessoal (encontrada na sua conta Axe, API KEYS aba) e o ID do seu projeto (exibido no topo destas instruções quando você criou seu projeto ou disponível na página Projetos ao escolher Configurar projeto em Configurações).

Nos seus arquivos de teste, substitua as importações de test e expect do Playwright Test pelo seu arquivo fixtures.ts :

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

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

Você já terminou.