Playwright provides automated browser testing. It offers a built-in feature to perform visual regression testing for your website.
Aimé par ces entreprises
Tests d'interface utilisateur visuelle sans code
Commencez à tester votre site Web pour détecter les défauts de l'interface utilisateur en quelques minutes. Entrez simplement votre URL et choisissez les navigateurs sur lesquels vous souhaitez tester. Définissez la fréquence à laquelle le test doit être exécuté et la manière dont vous souhaitez être alerté.
Lorsqu'un changement visuel se produit, vous recevrez instantanément une alerte avec une capture d'écran et une image différentielle mettant en évidence ce qui a changé.
View documentation
Simplifiez les tests d’interface utilisateur et augmentez la couverture de l’interface utilisateur
Remplacez les assertions de test par un seul instantané visuel. Couvrez des domaines que les tests fonctionnels traditionnels ne peuvent pas couvrir, augmentez la couverture des tests et la confiance en matière d'assurance qualité.
Capturez des captures d'écran et comparez-les automatiquement aux lignes de base. Avec une couverture visuelle accrue, les équipes déploient le code avec une confiance accrue.
Examiner et approuver les modifications
Vous et votre équipe pouvez inspecter les résultats des tests visuels et approuver ou refuser des modifications visuelles spécifiques. Comparez avec un curseur entre la capture d'écran de base et la nouvelle capture d'écran, ou inspectez une image différente des modifications survenues.
Modifiez le seuil de sensibilité des pixels, testez sur différentes résolutions d'écran. Trouvez les bugs visuels en mode paysage/portrait sur de vrais appareils Android/iOS.
Test Frameworks
Intégrez les tests TestingBot Visual UI dans vos scripts de test existants. Commencez les tests sur de vrais navigateurs et appareils mobiles physiques en ajoutant quelques lignes de code. View documentation
Inscrivez-vous pour un essai gratuit
Commencez à tester visuellement vos applications et sites Web avec TestingBot.
Pas de carte de crédit nécessaire!
Foire aux questions
TestingBot effectue des comparaisons automatisées pixel par pixel entre une image que vous avez marquée comme correcte et une nouvelle capture d'écran qui vient d'être prise. Si le nombre de pixels différents dépasse le seuil, le test est considéré comme échoué.
Cela peut se produire lorsque vous déployez une nouvelle version de votre site Web dont le style CSS, le positionnement est incorrect ou qui est absente de la page. Détectez les bugs visuels avant qu’ils ne nuisent à l’UX de vos pages Web.
Vous pouvez tester les dimensions, le positionnement et le style grâce à des tests fonctionnels réguliers. L’inconvénient est que cela deviendra bientôt un énorme fardeau de points de contrôle dans votre code.
Au lieu d'effectuer des vérifications visuelles dans votre code, il est beaucoup plus efficace de prendre des instantanés et de les comparer. Les résultats visuels sont également beaucoup plus faciles à interpréter par les développeurs et le contrôle qualité.
Idéalement, vous effectueriez des vérifications visuelles dans le cadre de votre pipeline CI/CD. Il peut être exécuté après chaque enregistrement du code frontal, afin de garantir que le nouveau code n'a pas d'impact négatif sur votre produit.
Les algorithmes d’apprentissage automatique peuvent être entraînés pour découvrir les différences visuelles. L'IA dépend de données entraînées, elle peut donc signaler des faux positifs/négatifs. Il ne s’agit pas d’une solution universelle et échoue souvent par rapport à la correspondance exacte des pixels.
Les tests d'instantanés, dans le contexte des tests visuels de l'interface utilisateur sur les pages Web, capturent des captures d'écran de l'état initial d'une page Web. Il les compare ensuite aux rendus suivants. Les tests sont considérés comme ayant échoué lorsqu’un ou plusieurs changements dans l’apparence visuelle se produisent. Cela permet de garantir que les éléments de l’interface utilisateur restent cohérents.
