Schreiben von Tests für axe DevTools for Web für WebdriverIO

Schreiben von Tests mit axe DevTools

Voraussetzungen

Um Seiten mit axe DevTools zu testen, müssen Sie es zuerst in Ihr Projekt importieren und initialisieren. Wenn Sie diesen Schritt noch nicht abgeschlossen haben, erfahren Sie in dieser Anleitung , wie es geht.

Scan-Kontext abrufen

Bevor Sie eine Seite auf Barrierefreiheit prüfen können, muss sie von WebdriverIO aufgerufen werden.

await client.url('<URL>');

Sobald WebdriverIO auf die Seite zugegriffen hat, können Sie sie mit axe DevTools scannen und die Ergebnisse speichern. Die einfachste Möglichkeit, die Ergebnisse des Scans anzuzeigen, besteht darin, das Ergebnisobjekt zu console log.

const results = await axeDevTools.analyze();
console.log(results);

Vollständige Beispieldatei

const webdriverio = require('webdriverio');
const { AxeDevToolsWebdriverIO } = require('@axe-devtools/webdriverio');

const simpleExample = async () => {
  const client = webdriverio.remote({
    desiredCapabilities: {
      browserName: 'chrome'
    }
  });

  await client.init();
  await client.url('https://google.com');

  const axeDevTools = new AxeDevToolsWebdriverIO({ client });
  const results = await axeDevTools.analyze();
  await client.end();
  return results;
};

simpleExample()
  .then(results => {
    console.log(results);
  })
  .catch(err => {
    throw err;
  });

Nächste Schritte

Nachdem Sie nun erfolgreich einen Zugänglichkeitsscan abgeschlossen haben, können Sie mit fortfahren, fortgeschritteneren Scan-Themen wie Erstellen von Berichten und Verwenden des Ergebnisobjekts.

Fehlerbehebung

Wenn Sie Probleme beim Abrufen der Scanergebnisse haben, wenden Sie sich direkt an Ihren Deque-Vertreter, erreichen Sie uns über unseren Support-Desk oder senden Sie uns eine E-Mail. Wir helfen Ihnen gerne weiter.