Visibilidad y Opacidad

Un desarrollador retoca el header y agrega overflow: hidden en el contenedor padre. El banner promocional "-20% con el código SUMMER" sigue en el código, pero visualmente está cortado — invisible en pantalla. Tus visitantes no ven la promoción, pierdes ventas durante días. El equipo confió en el pipeline de tests — el banner existe en el DOM, los tests pasan en verde. Delta-QA compara las capturas y detecta la desaparición del banner — el espacio vacío en la parte superior de la página salta a la vista de inmediato en el diff.

Un desarrollador integra un widget de chat con z-index de 9999. En móvil, el widget se posiciona justo encima del botón flotante "Comprar" en la parte inferior de la pantalla. El botón sigue en el código pero queda visualmente oculto detrás del chat — tus clientes ya no pueden comprar. El tester revisó en desktop, no en móvil donde los elementos se superponen. Delta-QA compara las capturas móviles y detecta que el botón "Comprar" está cubierto por el widget — la zona enmascarada resalta en el diff.

Un desarrollador reduce la opacidad del overlay oscuro sobre la hero image para "dejar ver más la foto". El texto blanco queda sobre un fondo demasiado claro — se vuelve prácticamente ilegible. Tus visitantes ya no pueden leer el mensaje principal de la página de inicio. El cambio parecía cosmético, el desarrollador lo mergeó pensando que se veía mejor. Delta-QA compara las capturas y resalta el texto que se volvió ilegible — la pérdida de contraste entre texto y fondo se nota claramente en la superposición.