-
What
-
Visual testing (commonly referred to as visual regression testing,) is the automated process of detecting and reviewing visual UI changes
-
doesn’t replace unit tests, integration tests and so on
- https://seesparkbox.com/foundry/design_system_visual_regression_testing
- Visual testing is how you ensure that your app appears to the user as you intended
-
Why
-
visual errors happen frequently
- to ensure that no visual defects
- to discover visual defects due to modifications to the software
- to validate the visual aspects and elements of an application’s user interface
-
How
-
Exploratory testing
-
Exploratory Testing. How to Start
- https://www.xmind.net/m/U9bj/
-
to automate the process of comparing visual elements across various screen combinations to uncover visual defects
- capturing a collection of screenshots from a user interface and comparing that collection against a baseline of original or reference images
-
using tools
-
Galen
- http://galenframework.com/
-
Percy.io
- https://percy.io/visual-testing
-
Chromatic
- https://www.chromaticqa.com
-
Wraith
- https://github.com/BBC-News/wraith
-
https://applitools.com
- https://applitools.com
-
Gemini
- https://github.com/bem/gemin
-
Selenium Visual Diff
- https://github.com/kreyssel/selenium2-visualdiff
-
more tools
-
Awesome Visual Regression Testin
- https://github.com/mojoaxel/awesome-regression-testing#tools-and-frameworks
- https://visualregressiontesting.com
- https://applitools.com/blog/visual-regression-testing-selenium
- https://testguild.com/top-21-free-visual-validation-tools-testers/
- https://automated-testing.info/t/17-instrumentov-kotorye-uspeshno-pomogayut-s-avtomatizacziej-visual-software-testing/5670
- https://docs.cypress.io/plugins/#visual-testing
-
Where
- apps
- design system
-
When
- as part of your CI/CD pipeline
-
Who
- Discovery & Delivery Teams