Revisa diferencias visuales con referencias
Usa referencias, diferencias visuales, historial y avisos para separar cambios esperados del sitio de problemas que requieren acción.
En esta página
Úsalo cuando
- Aprobar la página después de un release o un cambio de diseño deliberado.
- Usar la misma referencia para revisiones recurrentes de la misma superficie.
- Sustituir la referencia solo cuando el equipo acepte a propósito el nuevo estado.
Empieza con una referencia y no con ruido de capturas
Una diferencia visual solo sirve cuando el equipo sabe qué estado estaba aprobado. Sin esa referencia, cada nueva ejecución se convierte en otra captura más para discutir en vez de una decisión sobre si la página sigue siendo aceptable.
Por eso la referencia viene primero. Aprueba una ejecución limpia y compara las siguientes contra ese estado para que la conversación parta de una base común y no solo de imágenes sueltas.
Los logs deben explicar por qué la ejecución se ve mal
Quien revisa no debería adivinar si una diferencia fallida viene de la página, de la configuración o del entorno. Los logs útiles muestran el recorrido, las esperas, los pasos, los selectores y los fallos visibles que llevaron al resultado.
Ese contexto importa todavía más cuando la página ni siquiera llega al estado final: muro de login, página de desafío, selector ausente, timeout o un paso roto del flujo. La imagen sola muchas veces no basta.
- Mostrar la captura final junto al contexto de pasos y selectores.
- Separar con claridad ejecuciones bloqueadas o en estado erróneo de cambios visuales normales.
- Dejar claro cuando el navegador nunca alcanzó el estado esperado de la página.
- Usar logs para evitar repeticiones que solo reproducen el mismo problema.
Las alertas deben seguir la responsabilidad y no solo el fallo
Una alerta solo sirve cuando alguien conoce la página y puede decidir qué hacer después. Si la página no tiene responsable, más alertas no crean responsabilidad, solo más ruido.
Vincula las alertas a revisiones que importan ahora: precios, checkout, páginas de lanzamiento o superficies de cara al cliente. Deja las páginas de menor riesgo en resumen hasta que el equipo demuestre que de verdad necesitan interrupción.
- Alerta inmediata ante diferencias críticas con la referencia o ejecuciones bloqueadas.
- Revisión en resumen para páginas rutinarias con historial estable.
- Sin alertas para experimentos o contenido que cambia a propósito.
- Revisar la responsabilidad antes de ampliar el conjunto de alertas.
Enlaces relacionados
Preguntas frecuentes
¿Qué hace útil una diferencia visual?
¿Por qué importan los logs en la revisión visual?
¿Listo para aplicar esto en una página real?
Convierte la próxima página importante en un resultado guardado, una referencia aprobada o una comprobación recurrente en vez de dejarla como un problema puntual.