Pixel by Pixel: Visual Regression Testing in Ember
summary
Explains a concrete workflow: use the ember-percy addon to send DOM snapshots to a hosted renderer that reconstructs pages, disables animations with injected CSS, and runs visual diffs instead of brittle assertions. Covers tooling like ImageMagick and Chrome Headless, fixes such as seeding faker and freezing dates, and a Redis scheduler for parallelized rendering. Claims production validation — Percy reports 50 million visual diffs — and shows incremental PR reviews that catch UI regressions before deploy.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 0:45Outline
- 1:05Problem Space
- 2:34Regression
- 4:43QA
- 5:23Problem
- 5:59Visual Diffs
- 8:35How to make visual diffs
- 9:06Visual diff use cases
- 10:30Visual diff problems
- 16:47Getting confidence in our code
- 18:22Demo
- 21:20What are we doing
- 24:30Conclusion
related talks
26mAutomated Visual Testing in Ember
32mContinuous Visual Integration for Rails
51mAutomating visual testing with Percy
12mAutomation of GUI testing using visual regression testing
21mVisual Regression Testing: From a Tool to a Process
42mFunctional and Visual Testing for Web Applications
27mVisual UI Testing – Testing the Last Mile
27mWhat To Expect When You're Expecting: A guide to Regression Testing