The Colorful World of Visual Test Automation
summary
Argues that visual regression is now essential, compares open source and commercial approaches, and demos a working pipeline: Selenium, ImageMagick, AShot capture an element after a CSS animation, save a baseline, and compute a diff that goes from arithmetic error 0 to >3000 when the baseline is altered. Explains match levels and masking strategies with tools like Applitools, Percy, Galen, PhantomCSS, WebdriverCSS, and shows CI integration and strategies for handling anti‑aliasing, dynamic content, and viewport differences.
AI-written summary · about
chapters (7)
- 0:00Start
- 6:13What are the Challenges?
- 13:38Mobile Visual Testing Example
- 17:59Galen Example with JAVA & Webdriver & TestNG
- 23:50Percy Installation Steps (Percy Side)
- 25:43Responsive Design Test Code
- 28:08Example Test Scenario (Basic CSS Animation Check)
related talks
37mSpot the Difference; Automating Visual Regression Testing
43mYour Tests Lack Vision: Adding Eyes to Your Automation Framework
39mSpot the difference: automating visual regression testing
40mVisual regression testing: your strategy's blind spot
12mAutomation of GUI testing using visual regression testing
42mHow Visual AI Makes Testing Easy
21mYour Tests Lack Vision: Adding Eyes to Your Automation Framework
41mYour Tests Lack Vision: Adding Eyes to Your Automation Framework