Automation of GUI testing using visual regression testing

on YouTube ↗12m

" summary

Automated visual regression testing captures screenshots and diffs them over time using Playwright for end-to-end navigation and Percy for snapshot comparison and review; a two-line test (navigate, snapshot) flags a surprising regression where a global CSS change makes the ticket menu disappear. Tests run across browsers and viewports, support native apps, and integrate with CI; watch for live dates, animations, and running against non-controlled production content; start with visual smoke tests.

AI-written summary · about

" chapters (8)

1. 0:00Visual regression testing intro
2. 2:09Visual testing for UI
3. 3:55Snapshots detect changes
4. 4:40Live demo: Playwright & Percy
5. 6:25Debugging visual changes
6. 7:31Integrating visual testing
7. 8:55Three common challenges and solutions
8. 10:46Summary

" related talks

• 27mVisual UI Testing – Testing the Last MileCraig Cavalier · React Boston 2019
• 45mMobile Visual Testing: Uphill Battle Of Mobile Visual RegressionDmitry Vinnik · Selenium Conference India 2018
• 51mAutomating visual testing with PercyMike Fotinakis · Breakpoint 2020
• 20mVisual testing with Visual Regression TrackerPavel Strunkin · Appium Conference 2021
• 37mThe Colorful World of Visual Test AutomationOnur Baskirt · Selenium Camp 2017
• 27mWhat To Expect When You're Expecting: A guide to Regression TestingEmily Morehouse · DinosaurJS 2018
• 53mPainless visual testingGojko Adzic · NDC London 2018
• 14mAutomated Visual Regression and Accessibility Testing Made EasyIsabela McLenachen · React Miami 2025