Instructies voor WebdriverIO Testrunner en JavaScript

Installeer op het hoofdniveau van je testmap het @axe-core/watcher pakket en al zijn afhankelijkheden met behulp van npm of je voorkeurspakketmanager (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, **API-SLEUTELS** tab) en uw project-ID (weergegeven bovenaan deze instructies toen u uw project aanmaakte of beschikbaar op de projectpagina door te kiezen voor **Project configureren** 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()
})