ENABLING CONTINUOUS DEPLOYMENT OF PIXEL-PERFECT USER INTERFACES

on YouTube ↗34m

" summary

Claims an automated visual-testing pipeline that blocks regressions using Python, Selenium, GitLab and Docker, reports a surprising combinatorial example of about 360 device/browser/viewport permutations and shows a live demo built with needle and a Selenium Grid plus baselines and pixel diffs (one run flags ~1,347 differing pixels). The pipeline runs screenshots against baselines, fails CI when unintended collateral changes appear, lets teams update baselines deliberately, and demonstrably prevents bad deployments by stopping the release until visual tests pass.

AI-written summary · about

" chapters (17)

1. 0:00Introduction
2. 0:48Definitions
3. 1:16User Experience UI
4. 4:29Why do we still experience defects in user interfaces
5. 5:10Examples
6. 7:27Challenges
7. 9:22Example
8. 10:08Manual Testing
9. 11:29Benefits
10. 14:09Tools
11. 16:35Approach
12. 20:44Demo
13. 22:05Pipeline
14. 26:46Deployment
15. 28:56Rerun tests
16. 30:50Continuous integration
17. 32:20Considerations

" related talks

• 53mTransforming testing methodologies: From manual to robust strategiesTodd Eaton · Breakpoint 2020
• 37mThe Colorful World of Visual Test AutomationOnur Baskirt · Selenium Camp 2017
• 12mIntegrating visual testing into the build pipelineShokoofeh Hesari · NDC Oslo 2018
• 31mAutomating UX Compliance TestingDavid Tolley, Dima Kovalenko · Selenium Conference 2013
• 12mAutomation of GUI testing using visual regression testingAudun Wigum Arbo · NDC Oslo 2023
• 35mBuilding a screenshot testing pipeline that scalesLukas Appelhans · DroidKaigi 2023
• 39mSpot the difference: automating visual regression testingViv Richards · SeleniumConf Chicago 2018
• 18mImplementing a Visual CSS Testing FrameworkJessica Dillon · CSSConf Oakland 2014