Instructies voor WebdriverIO Testrunner en JavaScript

Installeer in de hoofdmap van uw testmap het @axe-core/watcher-pakket en al zijn afhankelijkheden met behulp van npm of uw voorkeurs pakketbeheerder (bijvoorbeeld yarn of pnpm).

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

In je wdio.config.js bestand, importeer de wdioTestRunner() functie, de wrapWdio() functie, en de WdioController klasse van @axe-core/watcher/wdio:

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

Voordat je je WebdriverIO-configuratie exporteert, omhul het met een oproep aan wdioTestRunner() waarbij je je API-sleutel opgeeft:

exports.config = {
  // Your config options here...
}

// Becomes:

const ACCESSIBILITY_API_KEY = process.env.ACCESSIBILITY_API_KEY
const PROJECT_ID = process.env.PROJECT_ID

exports.config = wdioTestRunner({
  axe: {
    apiKey: ACCESSIBILITY_API_KEY,
    projectId: PROJECT_ID
  }, {
    // Your config options here...
  }
})

Zorg ervoor dat u ACCESSIBILITY_API_KEY en PROJECT_ID in uw omgeving instelt op uw persoonlijke API-sleutel (te vinden in uw Axe-account, tabblad API-SLEUTELS) en uw project-ID (weergegeven bovenaan deze instructies toen u uw project maakte of beschikbaar op de Projecten-pagina door Project configureren te kiezen onder Instellingen).

In je testinstellingscode (meestal in een before of beforeAll blok), creëer een instantie van de WdioController, en omhul vervolgens je browser object:

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

Zorg er ten slotte voor dat alle testresultaten van axe Watcher worden uitgeschreven. Om dit te doen, voeg je het volgende codeblok toe aan je testafsluitcode (meestal in een afterFetch blok):

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