Your Tests Lack Vision: Adding Eyes to Your Automation Framework
summary
Automated DOM checks miss visual problems so visual validation compares screenshots instead of just the DOM, catching issues like flipped layouts, hidden text, overlapping tweets and misplaced labels seen on Cineworld, OpenTable, Amazon and others. Example code adds Applitools Eyes with three calls (open check close), uses the ultrafast grid to run one capture across browsers/devices, and selects match levels: exact, strict, content, layout so tests ignore cursors, hover effects or dynamic content as appropriate.
AI-written summary · about
chapters (5)
- 0:00Start
- 18:16add some visual testing
- 25:50delete some code
- 30:49validate the window
- 31:35set match level
related talks
43mYour Tests Lack Vision: Adding Eyes to Your Automation Framework
21mYour Tests Lack Vision: Adding Eyes to Your Automation Framework
44mYour Tests Lack Vision: Adding Eyes to Your Automation Framework
41mYour Tests Lack Vision: Adding Eyes to Your Automation Framework
27mYour Tests Lack Vision: Adding Eyes to Your Automation Framework
38mYour Tests Lack Vision: Adding Eyes to Your Automation Framework
54mVisual Validation
36mVisual Validation - The Missing Tip of the Automation Pyramid