Mid-LevelTest Automation & Frameworks
What is visual regression testing and how would you implement it?
- visual testing
- screenshot comparison
- UI testing
Answer it first, then compare. Nothing here is saved or scored.
Model answer
Visual regression captures screenshots of UI components or pages and compares them against approved baselines, pixel-by-pixel or perceptually. Tools: Playwright's `toHaveScreenshot()`, Percy, Chromatic, BackstopJS. Implementation: capture baselines in CI, compare on PR, review diffs in a visual dashboard. Challenges: dynamic content (mask timestamps, ads), responsive breakpoints (test multiple viewports), and managing baseline updates when UI intentionally changes.
What interviewers listen for
- Test architecture instinctsYou can defend why your suite is shaped like a pyramid, a trophy, or a honeycomb.
- Locator disciplineYou rank selector strategies by stability and explain when to break the rule.
- Flaky test ownershipYou debug to a structural fix instead of retry-until-green.
- Parallelisation literacyYou know how your framework isolates state, fixtures, and database access across workers.