Descripción general del paquete @axe-core/watcher
El paquete @axe-core/watcher está integrado en su conjunto de pruebas para detectar errores de accesibilidad.
Descripción general de la documentación para Watcher
La información en la sección @axe-core/watcher de la documentación consta de lo siguiente:
- Este artículo, Descripción general, analiza el paquete @axe-core/watcher (también conocido como Watcher o axe Watcher). Aquí puede encontrar información general sobre el paquete, dónde puede descargarlo, cómo instalarlo y enlaces a otros recursos.
- Requisitos del sistema cubre las versiones y los detalles del software para usar con Watcher.
- Los artículos bajo Instrucciones de JavaScript y Instrucciones de TypeScript proporcionan instrucciones para integrar Watcher con varios marcos de prueba diferentes e incluyen fragmentos de ejemplo tanto para JavaScript como para TypeScript. Esta es la misma información que ves cuando creas un proyecto en el sitio axe Developer Hub.
- Referencia de API proporciona una guía de las API proporcionadas por el paquete @axe-core/watcher.
¿Qué es Watcher?
El paquete @axe-core/watcher te permite agregar fácilmente pruebas de accesibilidad a tu conjunto de pruebas existente. Es un paquete Node.js disponible en npmjs.com y actualmente funciona con los marcos de prueba más populares. Sus pruebas pueden escribirse en JavaScript o TypeScript.
El paquete @axe-core/watcher, cuando se integra en su conjunto de pruebas de extremo a extremo:
- Agrega validación de accesibilidad a su conjunto de pruebas existente con cambios mínimos en el código, gracias a Watcher que envuelve los métodos y llamadas de función importantes de su marco de prueba.(dh-glossary#wrapping)
- Analiza automáticamente las páginas web cuando ejecuta su conjunto de pruebas y vuelve a analizar las páginas al detectar cualquier cambio en el DOM (cada cambio se considera un estado de página separado); perfecto para aplicaciones web de una sola página y otros sitios complejos con páginas de inicio de sesión y otro contenido dinámico.
- Vincula las confirmaciones de Git con los resultados de accesibilidad para permitirle evaluar la accesibilidad de cada confirmación y monitorear el progreso general de accesibilidad de su proyecto.
- Envía resultados de accesibilidad vinculados a cada estado de página y confirmación de Git a axe Developer Hub, donde se rastrean los resultados, se eliminan los duplicados y se presentan.
Cómo obtener
La última versión de @axe-core/watcher está disponible en npmjs.com.
Instalación
Puede instalar el paquete en su proyecto Node.js como una dependencia de desarrollo con el siguiente comando:
npm install --save-dev @axe-core/watcherRequisitos del sistema
Para conocer los requisitos del sistema para @axe-core/watcher, consulte Requisitos del sistema.
Si bien el sitio web axe Developer Hub tiene un amplio soporte de navegadores, el paquete @axe-core/watcher solo admite Google Chrome para realizar pruebas, por lo que, por ejemplo, no puede usar el navegador Electron predeterminado de Cypress para ejecutar sus pruebas.
Referencia de la API
Para obtener una referencia a las API proporcionadas por el paquete @axe-core/watcher, consulte Referencia de API.
Notas de la versión
Para obtener información sobre los cambios en @axe-core/watcher, consulte las Notas de la versión de @axe-core/watcher.
El repositorio de ejemplos
Puedes experimentar con el código en el repositorio de ejemplos en GitHub. Contiene ejemplos para:
Instrucciones para modificar su conjunto de pruebas
La sección de instrucciones de la documentación incluye instrucciones para modificar su conjunto de pruebas para incluir el paquete @axe-core/watcher.
Estas son las mismas instrucciones que ves cuando creas un nuevo proyecto en axe Developer Hub.
Las siguientes secciones contienen enlaces a las instrucciones de cada framework de pruebas:
Instrucciones de JavaScript
- Cypress
- Playwright
- Playwright Test
- Puppeteer
- WebdriverIO
- Ejecutor de pruebas de WebdriverIO
- WebDriverJS