Testen Schrijven voor Axe DevTools voor Web voor WebDriverJS

Testen schrijven met Axe DevTools

De afzonderlijke fragmenten in de onderstaande secties zijn in JavaScript geschreven en compileren ongewijzigd in TypeScript. De Volledig Voorbeeldbestand sectie geeft de volledige test in beide talen.

Vereisten

Om pagina's te testen met Axe DevTools, moet je deze eerst importeren en initialiseren in je project. Als je deze stap nog niet hebt voltooid, bekijk deze gids om te leren hoe.

Scan Context Verkrijgen

Voordat je een pagina kunt scannen op toegankelijkheid, moet deze toegankelijk zijn voor de webdriver.

await driver.get('<URL>');

Zodra de webdriver toegang heeft tot de pagina, kun je deze scannen met Axe DevTools en de resultaten opslaan. De eenvoudigste manier om de resultaten van de scan te bekijken, is door het resultatenobject in de console te loggen.

const results = await new AxeDevToolsBuilder(driver).analyze();
console.log(results);

Volledig Voorbeeldbestand

Dezelfde test wordt hieronder zowel in JavaScript als in TypeScript getoond. De Axe DevTools API is in beide identiek; de TypeScript-versie maakt gebruik van import-syntaxis en annoteert de driver en de scanresultaten.

JavaScript

const { AxeDevToolsBuilder } = require('@axe-devtools/webdriverjs');
const WebDriver = require('selenium-webdriver');

var driver = new WebDriver.Builder().forBrowser('chrome').build();

driver.get('https://google.com').then(function() {
  new AxeDevToolsBuilder(driver).analyze(function(err, results) {
    if (err) {
      // Handle error
    }
    console.log(results);
  });
});

TypeScript

import { AxeDevToolsBuilder } from '@axe-devtools/webdriverjs';
import { Builder } from 'selenium-webdriver';
import type { WebDriver } from 'selenium-webdriver';
import type { AxeResults } from 'axe-core';

(async () => {
  const driver: WebDriver = new Builder().forBrowser('chrome').build();

  try {
    await driver.get('https://google.com');
    const results: AxeResults = await new AxeDevToolsBuilder(driver).analyze();
    console.log(results);
  } finally {
    await driver.quit();
  }
})();

Volgende Stappen

Nu je een toegankelijkheidsscan met succes hebt voltooid, ben je klaar om verder te gaan met meer geavanceerde scantopics zoals rapporten genereren en het resultatenobject gebruiken.

Probleemoplossing

Als je problemen ondervindt met het verkrijgen van scanresultaten, neem dan direct contact op met je Deque-vertegenwoordiger, bereik ons via onze supportdesk, of stuur ons een e-mail. We helpen je graag verder.