Escritura de pruebas de axe DevTools for Web para WebdriverIO
Cómo escribir pruebas efectivas de accesibilidad con axe DevTools for Web para WebdriverIO
Escritura de pruebas con axe DevTools
Prerrequisitos
Para probar páginas con axe DevTools, primero debes importarlo e inicializarlo en tu proyecto. Si aún no ha completado este paso, consulte esta guía sobre cómo hacerlo.
Obtener contexto de análisis
Antes de poder escanear una página para verificar su accesibilidad, es necesario que WebdriverIO acceda a ella.
await client.url('<URL>');
Una vez que WebdriverIO haya accedido a la página, puede escanearla con axe DevTools y guardar los resultados. La forma más sencilla de ver los resultados del escaneo es registrar en la consola el objeto de resultados.
const results = await axeDevTools.analyze();
console.log(results);
Archivo de muestra 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;
});
Próximos pasos
Ahora que ha completado con éxito un análisis de accesibilidad, está listo para pasar a temas de análisis más avanzados, como generar informes y usar el objeto de resultados.
Solución de problemas
Si tiene problemas para obtener los resultados del escaneo, comuníquese directamente con su representante de Deque, contáctenos a través de nuestro servicio de asistencia o envíenos un correo electrónico. Estaremos encantados de ayudarle.