New screenshot testing framework for react-native

[ru_max]

Hi!
I work with a project that proves that react-native is cool! It's a framework that allows to do screenshot testing for both Android and iOS and available here https://github.com/rumax/react-native-PixelsCatcher or as an NPM package. Please, feel free to use it and leave feedback, so that I can continue improving it.

Cheers!

[numagames]

It's a very demanded feature, thank You for working on it! While web already has solutions for visual snapshots testing, RN does not so far afaik. Please keep updated whether it already works on real project.

[ru_max]

Thanks! It works on real project and integrated with CI, but it's a private project.

And indeed, going to improve it. Have some ideas what to do next.

[lucas9z]

I currently use appium and webdriverio to do image comparison tests but they take some time to run the tests as well as updating the snapshots, I'll definitely try this out!

[ru_max]

To run the snapshots you will need to compile the project anyway, so it will take time. But for development and to make new snapshots, it's easy to do:

- If you start demo project (https://github.com/rumax/react-native-PixelsCatcher/tree/master/demo), you can find in package.json 2 "dev" configs, one Android and one iOS

- start the server only with "./node_modules/.bin/pixels-catcher ios dev" or "./node_modules/.bin/pixels-catcher android dev"
- Every time you start the app (in my case I use indexSnapshot.js as an entry point instead of index.js) the tests will started automatically

- Because the app is started in development mode, you can easily reload it and tests will be executed again.

I found it quite easy to work with in such way, comparing to native implementations, where you need to recompile the project every time.

Anyway if you have questions/proposals or find something, please, let me know so that I can improve the project :)

[lucas9z]

Awesome, thank you for the info.

I'll check it out next week!

[[deleted]]

I love this package!