Je veux
voir ce qui a changé à l’écran sans le chercher
Deux captures, une comparaison. Ce qui a bougé apparaît, y compris ce qu’on n’avait pas prévu de changer.
À la fin
Un diff visuel, au lieu d’un « ça me paraît pareil ».
Les phrases, dans l’ordre
Copiez une phrase, laissez l’étape rendre ce qui est nommé, puis passez à la suivante.
non-régression visuelle
Le jeu de captures de référence, puis la comparaison après changement.
Sous le capot
Collationneusecollationneuse des rendus page à page
visual-auditor
L’analyse des écarts : lequel est un bug, lequel est le changement voulu.
Sous le capot
Portraitisteportraitiste des écrans comparés
Sous le capot — 2 cartes
Si ce n’est pas tout à fait ça
- Je veux mettre des tests là où il n’y en a pasTrois étages : les pièces isolées, les parcours entiers, et l’œil qui compare les rendus d’une version à l’autre.
- Je veux transformer une maquette en écrans qui marchentLe fichier Figma existe. Il devient des jetons, puis des composants, puis un pont qui reste synchronisé quand la maquette bouge.
- Je veux savoir si mon interface tient deboutLa direction artistique relue par quelqu’un qui n’a pas la main dessus, et la page en ligne comparée à ce qu’elle prétend être.
Tirage écrit à la main dans data/parcours.json, tenu par scripts/parcours/check-parcours.sh : chaque carte citée existe dans le registre du framework.