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 wdio.config.js , importe la función wdioTestRunner , la función wrapWdio y la clase WdioController desde @axe-core/watcher:
const {
wdioTestRunner,
wrapWdio,
WdioController
} = require('@axe-core/watcher')
Antes de exportar su configuración de WebdriverIO, envuélvala con una llamada a wdioTestRunner() mientras proporciona su clave API:
exports.config = {
// Your config options here...
}
// Becomes:
exports.config = wdioTestRunner({
axe: {
apiKey: process.env.API_KEY
}, {
// Your config options here...
}
})
En el código de configuración de prueba (normalmente en un before o beforeAll bloque), cree una instancia de WdioController, y, a continuación, envuelva su browser objeto:
const controller = new WdioController(browser)
wrapWdio(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 afterFetch bloque):
afterEach(async () => {
await controller.flush()
})