Rédaction de tests pour axe DevTools for Web pour WebdriverIO

Écrire des tests avec axe DevTools

Prérequis

Afin de tester des pages avec axe DevTools, vous devez d'abord l'importer et l'initialiser dans votre projet. Si vous n'avez pas encore terminé cette étape, consultez ce guide pour savoir comment procéder.

Obtenir le contexte d'analyse

Avant de pouvoir analyser une page pour l'accessibilité, elle doit être accessible par WebdriverIO.

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

Une fois que WebdriverIO a accédé à la page, vous pouvez la scanner avec axe DevTools et enregistrer les résultats. La manière la plus simple de visualiser les résultats de l'analyse est de console log l'objet de résultats.

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

Fichier complet d'échantillon

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

Prochaines étapes

Maintenant que vous avez terminé avec succès une analyse d'accessibilité, vous êtes prêt à passer à des sujets d'analyse plus avancés tels que génération de rapports et utilisation de l'objet de résultats.

Dépannage

Si vous rencontrez des difficultés pour obtenir les résultats de l'analyse, contactez directement votre représentant Deque, contactez-nous via notre service d'assistance ou envoyez-nous un e-mail. Nous serons heureux de vous aider.