Tests visuels et de performance pour designers

La build ressemble encore à la maquette.

Que compare un test de régression visuelle ?

Les captures de deux URL, pixel par pixel, en général la préproduction contre la page équivalente en production.

Comment les écarts sont-ils montrés ?

Par une image de comparaison à côté de la capture du résultat, les zones différentes surlignées en rouge.

Comment éviter que de petits écarts fassent échouer chaque exécution ?

Augmentez le seuil de comparaison, la part d'écart ignorée. La valeur par défaut est 10 %.

Qu'est-ce que le Cumulative Layout Shift ?

Une mesure du déplacement de la mise en page pendant le chargement. C'est ce qui se cache derrière un bouton qui s'esquive au moment du clic.