Scrittura di test per axe DevTools for Web per WebdriverIO

Scrittura di test con axe DevTools

Prerequisiti

Per testare le pagine con axe DevTools, è necessario prima importarlo e inizializzarlo nel progetto. Se non hai ancora completato questo passaggio, consulta questa guida per sapere come farlo.

Ottenere il contesto della scansione

Prima di poter scansionare una pagina per verificarne l'accessibilità, è necessario che WebdriverIO vi abbia accesso.

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

Una volta che WebdriverIO ha avuto accesso alla pagina, è possibile scansionarla con axe DevTools e salvare i risultati. Il modo più semplice per visualizzare i risultati della scansione è fare il console log dell'oggetto dei risultati.

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

File di esempio completo

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

Prossimi passi

Ora che hai completato con successo una scansione di accessibilità, sei pronto a passare ad argomenti di scansione più avanzati come generazione di report e utilizzo dell'oggetto risultati.

Risoluzione dei problemi

In caso di problemi con l'ottenimento dei risultati della scansione, contattare direttamente il rappresentante Deque, contattarci tramite il nostro support desk o inviarci un'e-mail. Saremo lieti di aiutarti.