Mobile Visual Testing: Uphill Battle Of Mobile Visual Regression

on YouTube ↗45m

" summary

Visual regression testing targets tiny layout and pixel shifts that manual reviewers miss due to change blindness, so automation is necessary. The recommended workflow starts with Jest snapshot tests for DOM/CSS, moves to component tests with Storybook/Chromatic or Percy, then page/native screenshots using PhantomCSS or BackstopJS (Puppeteer + Headless Chrome) and platform SDKs (Android Screenshot Tests, iOS Snapshot Test Case). Android gets priority here — ~80% market share vs ~17% iOS — and scale uses enterprise tools like Applitools, BrowserStack or Sauce Labs; maintenance cost is the main tradeoff.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 0:35Goals Visual Testing (VT): What, Why. How and When
3. 1:13Target Platforms
4. 2:53Agile Testing Quadrants
5. 5:19Test Pyramid & Drinking Glass
6. 6:14What are we missing?
7. 8:19A Little Bit of Science
8. 9:32Visual Test Pyramid
9. 10:26CSS/DOM Tests
10. 17:37Visual Component Testing
11. 34:26Page Visual Tests
12. 40:12Summit

" related talks

• 12mAutomation of GUI testing using visual regression testingAudun Wigum Arbo · NDC Oslo 2023
• 27mVisual UI Testing – Testing the Last MileCraig Cavalier · React Boston 2019
• 27mWhat To Expect When You're Expecting: A guide to Regression TestingEmily Morehouse · DinosaurJS 2018
• 37mThe Colorful World of Visual Test AutomationOnur Baskirt · Selenium Camp 2017
• 40mVisual regression testing: your strategy's blind spotThomas Boutin · AndroidMakers by droidcon 2026
• 37mSpot the Difference; Automating Visual Regression TestingViv Richards · TestCon Vilnius 2018
• 31mEnd to end testing a world of web, mobile & desktop appsMathieu Henri · revo.js 2019
• 28mVisual Regression Test In React NativeJesse Katsumata · React Native EU 2020