Blog

El screenshot testing, o pruebas mediante capturas de pantalla, es el enfoque más directo de las pruebas visuales: se captura el estado renderizado de una página o de un componente, se compara con una captura de referencia y se señala cualquier diferencia. Este método, a veces llamado snapshot testing UI, seduce por su simplicidad conceptual y su cobertura transversal: una sola captura verifica en bloque la maquetación, los colores, la tipografía, las imágenes y el estado de los componentes. En contrapartida, exige una disciplina real sobre el determinismo del render: tipografías cargadas antes de la captura, datos congelados, animaciones desactivadas, viewport estable.

Los artículos agrupados aquí detallan las buenas prácticas: elección entre capturas full-page y por componente, gestión de las zonas dinámicas (fechas, contadores, carruseles), estrategias de nombrado y de versionado de las baselines, comparación con otros enfoques como el DOM snapshot o las pruebas de accesibilidad automatizadas. También se abordan los límites honestos del método, en particular el ruido generado por los renders entre sistemas operativos y el costo de mantenimiento de las baselines en un design system activo. Delta-QA reposa sobre esta mecánica de capturas, con un foco en las páginas web completas más que en los componentes aislados; el objetivo de esta página es ayudar a cada uno a elegir la herramienta y la granularidad adaptadas a su contexto.