Visual UI Testing – Testing the Last Mile
summary
Claims that image-based visual regression testing catches real UI breaks missed by DOM snapshots, using Jest, Cypress, Puppeteer and services like BrowserStack or Applitools to take screenshots across browsers. Built a doc-driven tool that seeds image snapshots from design system examples and removes thousands of lines of brittle DOM snapshots. Tests run at dev time, animations are disabled in CI, Docker or AWS Lambda normalizes OS rendering, and the approach reports only visually meaningful differences so confidence and maintenance effort both improve.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:48The Testing Pyramid
- 3:42What is Visual Testing
- 7:13Manual Testing
- 11:11Snapshot Testing
- 14:37Visual Snapshots
- 18:00Documentation
- 19:42Test Coverage
- 20:31Challenges
- 21:01Solutions
related talks
21mLet's get visual - Visual testing in your Vue application
12mAutomation of GUI testing using visual regression testing
54mVisual Validation
27mWhat To Expect When You're Expecting: A guide to Regression Testing
42mHow Visual AI Makes Testing Easy
40mVisual regression testing: your strategy's blind spot
45mMobile Visual Testing: Uphill Battle Of Mobile Visual Regression
29mDon’t Believe the Rumors Writing Tests for CSS is Possible