January 28, 2019

Uphill Battle of Mobile Visual Regression

Uphill Battle of Mobile Visual Regression

Short Abstract

Have you had a customer complaining that your app looks different on the latest iPhone? If so, how do you test your app's "look"? This feel-and-look area is where visual testing comes into play.

In this talk, we discuss how to get started and be successful with visual testing on mobile devices with both native mobile and hybrid web applications.

Recording

Slide Deck

Long Abstract

Do you remember those games where you had to find differences between two almost identical images? If you've ever made changes in production, you sure played this game of searching for any visual changes you might have caused.

The problem of catching visual regressions is what gave rise to a new way of testing - visual testing. While developers focus on automating their end-to-end flows with tools like Selenium,  when it comes to end-to-end visual testing, many are at a loss. It is even more apparent in the world of mobile development, where devices differ in their capabilities, display dimensions and even operating systems. Hence, visual testing is a must-have in the mobile market!

In this session, we discuss how to implement visual testing on mobile devices covering both native mobile (Android, iOS) and hybrid web development (React, React Native). We cover major visual concepts like layouts, responsive design, and graphics which should give the audience a clear picture of how to get started and be successful with visual testing.

Takeaways

  • Basics of Visual Testing for Mobile and Web apps
  • Introducing Visual Test Pyramid for balanced test coverage
  • Tips and Tricks on Visual Testing on Mobile and Web apps