Question 1

How to set up PixelsCatcher with React Navigation?

Accepted Answer

Use the getRootElement config to wrap snapshots in NavigationContainer, as shown in the README example with Stack.Navigator. This ensures navigation hooks work, but requires extra boilerplate code.

Question 2

PixelsCatcher vs Jest snapshot testing for React Native

Accepted Answer

PixelsCatcher focuses on pixel-level visual regression testing across emulators/simulators with CI reports, while Jest snapshots are text-based for component trees. Use PixelsCatcher for UI fidelity; Jest for structural changes.

Question 3

Can PixelsCatcher test on real Android devices?

Accepted Answer

Yes, but it requires configuring baseUrl for server connectivity and setting physicalDevice to true in config. However, iOS real device testing is not supported, as noted in the limitations.

Question 4

How to integrate PixelsCatcher with CI/CD pipelines?

Accepted Answer

Generate APK or iOS app files, use the pixels-catcher command with appFile, and add Azure DevOps tasks for JUnit reports and attachments, as detailed in the CI/CD integration and demo scripts.

Question 5

Troubleshooting PixelsCatcher timeout errors

Accepted Answer

Increase the timeout in config (default 2500ms) or ensure async actions are handled via InteractionManager or manual onReady calls, per the async handling and componentDidMount override instructions.

Question 6

Does PixelsCatcher support testing WebView components?

Accepted Answer

Yes, but it may require manual timing overrides due to slow rendering, as seen in the demo WebViewTest which uses componentDidMount to call onReady after network requests.

pixels-catcher

What is pixels-catcher?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions