Mise en page

La mise en page est la colonne vertébrale de toute interface : c'est elle qui décide où vos visiteurs portent leur regard, comment ils naviguent et combien d'efforts ils doivent fournir pour accomplir une tâche. Une régression sur le layout n'est jamais cosmétique. Un bouton « Payer » poussé sous le fold à cause d'un padding modifié, c'est une chute de conversion immédiate ; un tableau d'admin dont les colonnes se chevauchent, c'est un risque opérationnel sur un poste de travail métier. Les régressions de mise en page proviennent souvent d'effets de cascade involontaires : ajustement d'un padding global pour corriger un cas particulier, ajout d'un overflow: hidden qui casse le margin collapse, refactoring d'un flexbox qui inverse l'ordre des items, modification d'une grille CSS qui décale tout un catalogue, ou introduction d'un nouveau composant qui pousse silencieusement le contenu adjacent. La complexité du modèle de boîte CSS, combinée à l'imbrication de flexbox, grid, position absolue et float, rend ces interactions difficiles à anticiper même pour un développeur expérimenté. Les pipelines de tests automatisés classiques vérifient que les éléments existent dans le DOM, pas qu'ils sont visuellement à la bonne place. Delta-QA prend en charge cet angle mort en comparant les captures d'écran complètes des pages avant et après chaque modification, puis en mettant en évidence chaque zone dont la position, la taille ou l'alignement a évolué. Le rapport visuel fait apparaître clairement les décalages, les chevauchements et les éléments qui sortent du viewport, ce qui permet de valider qu'une refonte CSS n'a pas brisé une autre partie de l'application sans avoir à réinspecter manuellement chaque template.