1. Installieren Sie auf der Stammebene Ihres Testordners das Paket @axe-core/watcher und alle seine Abhängigkeiten mit npm oder Ihrem bevorzugten Paketmanager (z. B. Yarn oder pnpm).

    npm install --save-dev @axe-core/watcher
  2. Importieren Sie in Ihren Testdateien die Funktion wdioConfig(), die Funktion wrapWdio() und die Klasse WdioController aus @axe-core/watcher:

    import {
      wdioConfig,
      wrapWdio,
      WdioController
    } from '@axe-core/watcher'
  3. In Ihrem Test-Setup-Code (normalerweise in einer before - oder beforeAll -Blockanweisung) einkapseln Sie jeglichen vorhandenen Code zum Erstellen einer Browser-Instanz mit einem Aufruf von wdioConfig() und geben Sie dabei Ihren API-Schlüssel an:

    const API_KEY = process.env.API_KEY
    
    const browser = await remote(
      wdioConfig({
        axe: {
          apiKey: API_KEY
        }
      })
    )
  4. Sobald Sie eine Browserinstanz haben, erstellen Sie eine Instanz der Klasse WdioController :

    const controller = new WdioController(browser);
  5. Wickeln Sie Ihre Browserinstanz mit der Funktion wrapWdio() und geben Sie die Browserinstanz und die Controllerinstanz :

    wrapWdio(browser, controller)
  6. Stellen Sie abschließend sicher, dass alle Testergebnisse aus Axe Watcher vollständig verarbeitet sind. Fügen Sie dazu den folgenden Codeblock zu Ihrem Test-Teardown-Code hinzu (normalerweise in einem afterEach -Block):

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