Visibilité & Opacité

Les régressions de visibilité sont parmi les plus traîtres parce qu'elles laissent croire au pipeline que tout va bien : l'élément est dans le DOM, les tests unitaires passent, mais visuellement il a disparu, est masqué derrière un autre composant ou se trouve coupé par un conteneur parent. C'est exactement le scénario du bandeau promotionnel toujours présent en code mais devenu invisible à cause d'un overflow: hidden ajouté ailleurs, ou du bouton « Acheter » mobile recouvert par un widget de chat dont le z-index a été configuré trop haut. Sur des interfaces métier, un message d'erreur de validation passé en opacity 0 par effet de cascade peut faire échouer une opération critique sans que l'opérateur comprenne pourquoi. Les causes habituelles incluent les refontes de header avec ajout de overflow, les superpositions z-index mal coordonnées entre équipes, les A/B tests partiellement défaits qui laissent du display: none oublié, les variations d'opacité introduites pour un effet visuel mais propagées trop largement, ou les conflits entre feuilles de style chargées dans un ordre différent en production. Delta-QA s'attaque à cet angle mort en comparant les captures d'écran rendues dans le navigateur, et non l'arbre DOM brut. Si un élément cesse d'être visible, est partiellement clippé, perd en opacité ou se retrouve recouvert par un autre composant, le diff visuel le signale clairement. L'outil capture également les états interactifs, ce qui permet de vérifier qu'un menu déroulant, une modal ou un overlay reste correctement visible après chaque déploiement, sans devoir reproduire manuellement chaque parcours utilisateur sur chaque page.