Instructies voor WebdriverIO Testrunner en TypeScript

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.ts bestand, importeer de wdioTestRunner() functie, de wrapWdio() functie, en de WdioController klasse van @axe-core/watcher/wdio:

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

Voordat je je WebdriverIO-configuratie exporteert, omhul deze met een oproep naar wdioTestRunner() terwijl je je API-sleutel verstrekt:

// Original code:

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

// Becomes:

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

export const 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 testopstartcode (meestal in een before of beforeAll blok), maak een instantie van de WdioController klasse 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 verwerkt. Voeg hiervoor het volgende blok code toe aan je testafbouwcode (meestal in een afterFetch blok):

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