Anleitungen für WebdriverIO Testrunner und JavaScript

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

Konfigurieren Sie Ihre Tests mit dem WebdriverIO Testrunner und JavaScript

Not for use with personal data
important

Axe Watcher erfordert einen unterstützten Browser, der bereits auf Ihrem System installiert ist: Chrome für Tests (eine separate Browserinstallation, die sich von Google Chrome unterscheidet), Chromium oder Microsoft Edge. Google Chrome, Version 139 oder höher, wird nicht unterstützt. Siehe Einrichtung und Konfiguration von Browsern für die Verwendung mit Axe Watcher für Installations- und Konfigurationsanweisungen.

  1. Im Stammverzeichnis Ihres Testordners installieren Sie das Paket @axe-core/watcher und alle seine Abhängigkeiten mit npm oder Ihrem bevorzugten Paketmanager (zum Beispiel yarn oder pnpm).

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

  2. Importieren Sie in Ihrer wdio.config.js-Datei die wdioTestRunner()-Funktion, die wrapWdio()-Funktion und die WdioController-Klasse aus @axe-core/watcher/wdio:

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

  3. Bevor Sie Ihre WebdriverIO-Konfiguration exportieren, umhüllen Sie sie mit einem Aufruf von wdioTestRunner(), während Sie Ihren API-Schlüssel bereitstellen:

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

// Becomes:

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

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

    Stellen Sie sicher, dass Sie ACCESSIBILITY_API_KEY und PROJECT_ID in Ihrer Umgebung auf Ihren persönlichen API-Schlüssel (zu finden in Ihrem Axe-Konto, im **API-SCHLÜSSEL**-Tab) und Ihre Projekt-ID (angezeigt am oberen Rand dieser Anweisungen, als Sie Ihr Projekt erstellt haben, oder verfügbar auf der Seite „Projekte“ durch Auswahl von **Projekt konfigurieren** unter **Einstellungen**) setzen. Wenn Ihre Organisation eine regionale, private Cloud oder eine lokale Axe Developer Hub-Instanz verwendet, setzen Sie auch SERVER_URL auf die Basis-URL dieser Instanz (zum Beispiel https://axe-eu.deque.com); andernfalls lassen Sie SERVER_URL weg und der Standard https://axe.deque.com wird verwendet.

  4. Erstellen Sie in Ihrem Test-Setup-Code (typischerweise in einem before- oder beforeAll-Block) eine Instanz von WdioController und umhüllen Sie dann Ihr browser-Objekt:

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

  5. Stellen Sie schließlich sicher, dass alle Testergebnisse von Axe Watcher gelöscht werden. Um dies zu tun, fügen Sie den folgenden Codeblock in Ihren Test-Teardown-Code ein (typischerweise in einem afterFetch-Block):

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

Is this page helpful?

Help us improve this page

Still need help?