Instructions pour WebdriverIO Testrunner et JavaScript

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()
})