Master Screenshot Testing on Android: Comparing Paparazzi, Roborazzi, and Compose Preview Tools

Ensuring a consistent UI across different devices, themes, and interactions is crucial in Android development. This codelab introduces screenshot testing as a powerful way to catch visual regressions and validate UI changes. You'll explore Paparazzi for single-frame layout testing, Roborazzi for multi-frame interaction-based testing, and Compose Preview Screenshot Testing for generating screenshots directly from Jetpack Compose previews. Along the way, you'll test various UI states like locales, font sizes, and themes, evaluate tools for different scenarios, and explore accessibility testing with Paparazzi and Roborazzi. By the end, you'll understand the strengths and limitations of each tool and know how to choose the best screenshot testing approach for your project.

Codelab Objectives

In this codelab, you’ll explore:

  • Understand the importance of screenshot testing for Android apps
  • Set up a shared starter app for screenshot testing with multiple tools
  • Learn Paparazzi for single-frame layout testing and visual regression detection
  • Test multi-frame content before and after user interactions using Roborazzi
  • Generate screenshot tests from Compose Previews using all three testing tools
  • Test different UI states like locales, font sizes, and devices in Compose
  • Evaluate tools for scenarios like single/multi-frame and @‌Preview UI testing
  • Explore accessibility testing with Paparazzi and Roborazzi tools
  • Decide the best screenshot testing tool for your project’s specific needs
  • Compare the strengths and limitations of Paparazzi, Roborazzi, and Compose Preview

Codelab Content

Meet the instructor

Sergio Sastre Florez

Content Author & Course Instructor

More courses by the instructor