1 repositorio
Interactive web dashboards specifically designed for analyzing differences between image snapshots.
Distinct from Web Interfaces: Distinct from general Web Interfaces: specifically targets the analysis and approval of visual diffs.
Explore 1 awesome GitHub repository matching web development · Diffing Interfaces. Refine with filters or upvote what's useful.
BackstopJS es un framework de pruebas de captura de pantalla automatizadas y una herramienta de regresión visual diseñada para identificar discrepancias a nivel de píxel entre diferentes versiones de una aplicación web. Funciona como una suite de pruebas de automatización de navegador que captura instantáneas visuales de una interfaz de usuario y las compara con imágenes de referencia almacenadas para detectar cambios no deseados. El proyecto utiliza un entorno de pruebas contenedorizado mediante Docker para garantizar un renderizado de navegador consistente y evitar discrepancias visuales entre plataformas. Incluye una interfaz web de comparación (diffing) que permite a los usuarios analizar diferencias visuales y aprobar capturas de pantalla de referencia actualizadas a través de un panel interactivo. El framework proporciona capacidades para la automatización de la interacción con el navegador, incluida la capacidad de simular secuencias de usuario, preparar estados de página y controlar el tiempo de captura. Admite la captura dirigida de elementos DOM específicos, el enmascaramiento de elementos basado en selectores CSS para evitar falsos positivos y umbrales de discrepancia de píxeles configurables para determinar fallos en las pruebas. La herramienta genera informes HTML estáticos y exporta resultados en formatos adecuados para la integración con sistemas de CI/CD.
Includes an interactive web dashboard for analyzing visual differences and approving updated reference screenshots.