Continuous Visual Integration for Rails
summary
Claims a practical system for pixel‑level CI: integrates perceptual diffs into Rails feature specs, uses Capybara screenshots plus ImageMagick compare for local diffs, then uploads DOM snapshots to a rendering service called Percy that parallelizes rendering off CI. Demo shows fixes for animation noise (inject CSS to freeze), handling responsive widths, XVFB/Firefox workers on Google Cloud, and reports 1,000,000 visual diffs rendered so far, presenting a working service that reduces manual QA and speeds visual regression checks.
AI-written summary · about
chapters (20)
- 0:00Start
- 2:25Visual Regression
- 5:34Solution
- 6:11Visual Disks
- 6:31What Is the Perceptual Diff
- 8:12Computing Pdfs
- 10:34Write a Visual Regression Testing System
- 11:00Feature Specs
- 12:43Background Color
- 15:07Testing D3 Visualizations
- 16:51Performance
- 17:51Non-Deterministic Rendering
- 18:17Freeze Animations
- 18:30Dynamic Data
- 19:00Old Test Browsers
- 22:43Push Up Dom Snapshots
- 24:55Overview Mode
- 29:21Do You Do Cross Browser Testing
- 29:46What Tech Stack Are We Using
- 30:09Percy Access Control
related talks
27mPixel by Pixel: Visual Regression Testing in Ember
18mImplementing a Visual CSS Testing Framework
30mImplementing a Visual CSS Testing Framework
51mAutomating visual testing with Percy
21mVisual Regression Testing: From a Tool to a Process
12mIntegrating visual testing into the build pipeline
26mAutomated Visual Testing in Ember
53mPainless visual testing