En el nivel raíz de su carpeta de pruebas, instale el paquete @axe-core/watcher y todas sus dependencias usando npm o su administrador de paquetes preferido (por ejemplo, Yarn o pnpm).
npm install --save-dev @axe-core/watcher
En su archivo o archivos de prueba, importe la función webdriverConfig () , la función wrapWebdriver () y la clase WebdriverController desde @axe-core/watcher:
import {
webdriverConfig,
wrapWebdriver,
WebdriverController
} from '@axe-core/watcher'
Actualice su código de configuración de prueba (normalmente en un bloque before o beforeAll ), especificando las opciones de Chrome al crear una instancia de su navegador , proporcionando su clave API:
// Original code:
const browser = await new Builder()
.forBrowser('chrome')
.build()
// Becomes:
const API_KEY = process.env.API_KEY
const browser = await new Builder()
.forBrowser('chrome')
.setChromeOptions(
webdriverConfig({
axe: {
apiKey: API_KEY
}
}
)
.build()
Cree una instancia de WebdriverController:
const controller = new WebdriverController(browser)
Escriba la instancia de su navegador con la función wrapWebdriver() ****:
browser = wrapWebdriver(browser, controller)
Por último, asegúrese de que se hayan eliminado todos los resultados de las pruebas de Axe Watcher. Para ello, agregue el siguiente bloque de código a su código de desmontaje de prueba (normalmente en un bloque afterEach ):
afterEach(async () => {
await controller.flush()
})