Comparaison pixel par pixelToutes résolutionsZones à ignorer paramétrables
Un bloc qui se décale, une police qui change, un bouton qui passe sous la ligne de flottaison. La page fonctionne, tous les tests passent, et pourtant elle ne ressemble plus à ce qu’elle devrait être.
Une mise à jour de bibliothèque change la hauteur d’un composant, et le prix se retrouve caché derrière une image sur mobile. Le parcours d’achat marche toujours, aucun test ne remonte d’erreur, mais plus personne ne voit le montant. Sur un site réglementé, le même mécanisme peut faire disparaître une mention obligatoire de la page.
Une capture de référence, une capture du jour, et l’écart mis en évidence. Vous validez la nouvelle version ou vous corrigez.
Une ombre qui bouge d’un pixel n’est pas un incident. Le seuil de tolérance se règle page par page.
Bandeau promotionnel, date du jour, carrousel, publicité. Ces zones sont ignorées pour éviter les fausses alertes.
La même page comparée en desktop, en tablette et sur les résolutions mobiles de votre audience.
“ Mr Suricate est une évidence, car il donne l'assurance qu'il n'y a pas de problème. Un seul bug découvert suffit à rentabiliser la solution pendant une année entière ! ”
Anthony CornevinE-commerce Platform Manager, Vertbaudet
ALLER PLUS LOIN
Quinze types de tests, quatre familles. Chacun répond à une question différente sur votre application.
Un terme vous échappe ? Le glossaire du test automatisé le définit.
VOS QUESTIONS
Ce qu'on nous demande le plus souvent sur les tests graphiques.
C'est la comparaison automatique d'une capture d'écran avec une capture de référence validée. Tout écart au-delà du seuil que vous avez fixé est signalé, avec la zone concernée mise en évidence. On parle aussi de test de régression visuelle.
Par deux réglages. Le seuil de tolérance, qui absorbe les micro-variations de rendu, et l'exclusion de zones : bandeaux promotionnels, dates, carrousels, publicités. Sans ces exclusions, une page dynamique déclenche une alerte à chaque exécution et personne ne les regarde plus.
Vous validez la nouvelle capture, qui devient la référence. C'est une action explicite, ce qui garantit qu'aucun changement visuel n'entre en production sans que quelqu'un l'ait vu et accepté.
Oui, parce que les deux ne détectent pas la même chose. Un test fonctionnel vérifie qu'une action produit le bon résultat. Il ne voit pas qu'un élément est passé derrière un autre, illisible ou hors écran, alors que la page reste parfaitement utilisable pour une machine.
C'est un usage fréquent dans les secteurs réglementés. Un taux, une mention légale ou un avertissement qui disparaît à la suite d'un changement de mise en page constitue un risque de conformité, et c'est exactement le type d'écart que la comparaison visuelle rend visible.
Une démo de 30 minutes sur votre propre application. Vous verrez un de vos parcours automatisé en direct, sans écrire de code.