Visibilidade e Opacidade

As regressões de visibilidade estão entre as mais traiçoeiras porque levam o pipeline a acreditar que está tudo certo: o elemento está no DOM, os testes unitários passam, mas visualmente ele desapareceu, está escondido atrás de outro componente ou foi cortado por um container pai. É exatamente o cenário do banner promocional ainda presente no código mas tornado invisível por causa de um overflow: hidden adicionado em outro lugar, ou do botão "Comprar" mobile coberto por um widget de chat cujo z-index foi configurado alto demais. Em interfaces de negócio, uma mensagem de erro de validação que passou a opacity 0 por efeito cascata pode fazer uma operação crítica falhar sem que o operador entenda por quê. As causas habituais incluem redesigns de header com adição de overflow, sobreposições de z-index mal coordenadas entre equipes, A/B tests parcialmente desfeitos que deixam display: none esquecido, variações de opacidade introduzidas para um efeito visual mas propagadas amplamente demais, ou conflitos entre folhas de estilos carregadas em uma ordem diferente em produção. O Delta-QA enfrenta esse ponto cego comparando as capturas renderizadas no navegador, e não a árvore DOM bruta. Se um elemento deixa de estar visível, é parcialmente clipado, perde opacidade ou é coberto por outro componente, o diff visual o sinaliza claramente. A ferramenta também captura os estados interativos, o que permite verificar via teste visual que um menu dropdown, uma modal ou um overlay continua corretamente visível após cada deploy, sem precisar reproduzir manualmente cada jornada de usuário em cada página.