Visibilidad y Opacidad

Las regresiones de visibilidad están entre las más traicioneras porque hacen creer al pipeline que todo va bien: el elemento está en el DOM, las pruebas unitarias pasan, pero visualmente ha desaparecido, está oculto detrás de otro componente o queda recortado por un contenedor padre. Es exactamente el escenario del banner promocional siempre presente en el código pero que se vuelve invisible por culpa de un overflow: hidden añadido en otro lado, o del botón "Comprar" en móvil cubierto por un widget de chat cuyo z-index se configuró demasiado alto. En interfaces de negocio, un mensaje de error de validación que pasa a opacity 0 por efecto de cascada puede hacer fallar una operación crítica sin que el operador entienda por qué. Las causas habituales incluyen los rediseños de header con adición de overflow, las superposiciones z-index mal coordinadas entre equipos, los A/B tests parcialmente revertidos que dejan un display: none olvidado, las variaciones de opacidad introducidas para un efecto visual pero propagadas demasiado ampliamente, o los conflictos entre hojas de estilo cargadas en orden distinto en producción. Delta-QA ataca este punto ciego comparando las capturas renderizadas en el navegador, no el árbol DOM en bruto. Si un elemento deja de ser visible, queda parcialmente recortado, pierde opacidad o queda cubierto por otro componente, el diff visual lo señala con claridad. La herramienta también captura los estados interactivos, lo que permite verificar que un menú desplegable, una modal o un overlay siga siendo correctamente visible después de cada despliegue, sin tener que reproducir manualmente cada recorrido de usuario en cada página.