Istruzioni per WebdriverIO e JavaScript

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

Nei file di test, importa wdioConfig(), la funzione wrapWdio() e la classe WdioController da @axe-core/watcher:

const {
  wdioConfig,
  wrapWdio,
  WdioController
} = require('@axe-core/watcher')

Nel codice di configurazione del test (in genere in un blocco before o beforeAll ), inserisci qualsiasi codice esistente per la creazione di un'istanza browser con una chiamata a wdioConfig(), fornendo al contempo la chiave API:

const browser = await wdio.remote(
  wdioConfig({
    axe: {
      apiKey: process.env.API_KEY
    }
  })
)

Una volta che hai un'istanza browser , crea un'istanza della classe WdioController :

const controller = new WdioController(browser)

Avvolgi la tua istanza del browser con la funzione wrapWdio(), fornendo l' istanza del browser e l' istanza del controller :

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 tuo codice di smantellamento del test (in genere in un blocco afterEach ):

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