Responsive

Le responsive n'est plus un sujet réservé aux sites grand public : les applications métier se consultent désormais sur tablette en réunion, en mobilité chez un client ou sur des écrans externes au format inhabituel. Une régression visuelle sur un breakpoint intermédiaire — typiquement 820px sur iPad ou 1024px sur petit laptop — peut rendre une partie de votre application inutilisable sans que personne ne s'en aperçoive en local, parce que les développeurs travaillent en général sur un seul format. Le scénario classique : un breakpoint passé de 768px à 480px qui écrase les colonnes sur tablette, un menu hamburger remplacé par un menu desktop qui déborde de l'écran, ou un font-size mobile qui s'applique jusqu'à 1024px et fait paraître tout le texte trop petit sur un écran portable. Les container queries ajoutent une nouvelle dimension de complexité, parce qu'elles dépendent du contexte du parent et non du viewport global, ce qui rend les régressions encore moins prévisibles. Sur certains navigateurs, un container-type oublié sur un parent suffit à casser le rendu d'un composant entier. Delta-QA traite ces cas en capturant chaque page à plusieurs tailles de viewport définies par l'équipe, ce qui crée une baseline visuelle multi-format. À chaque exécution, le diff met en évidence les colonnes qui s'empilent mal, les éléments qui débordent, les textes qui rétrécissent, les composants qui se désalignent et les barres de défilement horizontales apparues. Cette approche permet aux équipes QA de couvrir l'ensemble des points de rupture du site sans devoir redimensionner manuellement un navigateur sur chaque écran à chaque déploiement, et garantit la cohérence du rendu sur l'ensemble des appareils utilisés par les visiteurs et les opérateurs.