Au niveau racine de votre dossier de test, installez le package @axe-core/watcher et toutes ses dépendances à l'aide de npm ou de votre gestionnaire de packages préféré (par exemple, Yarn ou pnpm).
npm install --save-dev @axe-core/watcher
Dans votre fichier wdio.config.js , importe la fonction wdioTestRunner , la fonction wrapWdio et la classe WdioController depuis @axe-core/watcher :
const {
wdioTestRunner,
wrapWdio,
WdioController
} = require('@axe-core/watcher')
Avant d'exporter votre configuration WebdriverIO, encapsulez-la avec un appel à wdioTestRunner() tout en fournissant votre clé API :
exports.config = {
// Your config options here...
}
// Becomes:
exports.config = wdioTestRunner({
axe: {
apiKey: process.env.API_KEY
}, {
// Your config options here...
}
})
Dans votre code de configuration de test (généralement dans un bloc before ou beforeAll ), créez une instance de WdioController, puis encapsulez votre objet browser :
const controller = new WdioController(browser)
wrapWdio(browser, controller)
Enfin, assurez-vous que tous les résultats des tests d’axe Watcher sont complètement traités. Pour ce faire, ajoutez le bloc de code suivant à votre code de démontage de test (généralement dans un bloc afterFetch ) :
afterEach(async () => {
await controller.flush()
})