Istruzioni per WebdriverIO Testrunner e TypeScript

Nella radice della cartella di test, installa il pacchetto @axe-core/watcher e tutte le sue dipendenze utilizzando npm o il tuo gestore di pacchetti preferito (ad esempio, Yarn o pnpm).

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

Nel file wdio.config.ts , importa la funzione wdioTestRunner , la funzione wrapWdio e la classe WdioController da @axe-core/watcher:

import {
  wdioTestRunner,
  wrapWdio,
  WdioController
} from '@axe-core/watcher'

Prima di esportare la configurazione WebdriverIO, avvolgila con una chiamata a wdioTestRunner() fornendo la tua chiave API:

// Original code:

export const config = {
  // Your config options here...
}

// Becomes:

const API_KEY = process.env.API_KEY

export const config = wdioTestRunner({
  axe: {
    apiKey: API_KEY
  }, {
    // Your config options here...
  }
})

Nel codice di configurazione del test (in genere in un blocco before o beforeAll ), crea un'istanza di WdioController, quindi incapsula il tuo oggetto browser :

const controller = new WdioController(browser)
wrapWdio(browser, controller)

Infine, assicurarsi che tutti i risultati dei test di axe Watcher siano stati completamente elaborati. Per fare ciò, aggiungi il seguente blocco di codice al codice di teardown del test (in genere in un blocco afterFetch ):

afterEach(async () => {
  await controller.flush()
})