Tests schrijven voor Axe DevTools voor Web voor WebdriverIO

Tests schrijven met Axe DevTools

Vereisten

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

Scancontext verkrijgen

Voordat je een pagina op toegankelijkheid kunt scannen, moet deze door WebdriverIO benaderd worden.

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

Zodra WebdriverIO de pagina heeft benaderd, kun je deze scannen met Axe DevTools en de resultaten opslaan. De eenvoudigste manier om de scanresultaten te bekijken is door het resultatenobject in de console te loggen.

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

Volledig voorbeeldbestand

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;
  });

Volgende stappen

Nu je met succes een toegankelijkheidsscan hebt voltooid, ben je klaar om door te gaan naar meer geavanceerde scanthema's zoals rapporten genereren en het resultatenobject gebruiken.

Probleemoplossing

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