Visual testing with Visual Regression Tracker

on YouTube ↗20m

" summary

Visual Regression Tracker is an open-source, self-hosted visual testing server that runs via docker-compose, stores screenshots in a database, and integrates with Playwright, Cypress, WebdriverIO or any language via a REST API/SDK. It shows pixel diffs (uses pixelmatch, looks-same and other algorithms), supports branch-aware baselines and an auto proof feature to auto-accept merges, lets users draw ignore regions, handles retries and mock data, and has known performance issues with very large images that ongoing work aims to fix.

AI-written summary · about

" chapters (15)

1. 0:00Introduction
2. 1:05Setting up Visual Regression Tracker
3. 3:36Visual regression basics
4. 5:20Visual testing in pyramid
5. 6:47Why Visual Regression Tracker
6. 7:31How it works
7. 8:55Integrating tests
8. 10:20Configuring tests
9. 11:49Sending screenshots
10. 13:12Reviewing results
11. 14:34Branches and baselines
12. 15:37Tips for visual testing
13. 17:02Future plans
14. 18:28Contributing
15. 19:28Q&A

" related talks

• 12mAutomation of GUI testing using visual regression testingAudun Wigum Arbo · NDC Oslo 2023
• 37mSpot the Difference; Automating Visual Regression TestingViv Richards · TestCon Vilnius 2018
• 40mVisual regression testing: your strategy's blind spotThomas Boutin · AndroidMakers by droidcon 2026
• 21mLet's get visual - Visual testing in your Vue applicationRamona Schwering · Vue.js Nation 2023
• 14mAutomated Visual Regression and Accessibility Testing Made EasyIsabela McLenachen · React Miami 2025
• 27mVisual UI Testing – Testing the Last MileCraig Cavalier · React Boston 2019
• 09mVisual Regression with Puppeteer, Playwright and CypressRainer Hahnekamp · TestJS Summit 2021
• 37mThe Colorful World of Visual Test AutomationOnur Baskirt · Selenium Camp 2017