jest-image-snapshot VS react-native-view-shot

You can give a try about visual testing. I think about Cypress components and Cypress Image snapshot or Jest Image snapshot (not DOM testing)

puppeteer + jest-image-snapshot

A combination of https://github.com/americanexpress/jest-image-snapshot and whichever of https://www.npmjs.com/search?q=keywords:pdf%20to%20png renders your PDF the best should work.

We liked matcher functionality provided by jest-image-snapshot, so we just took this solution and adopted for jasmine and Karma.

Github repository of Jest-image-snapshot: https://github.com/americanexpress/jest-image-snapshot

Snapshot testing itself is a built-in feature of Jest, and when searching specifically for image snapshots, you'll quickly find jest-image-snapshot, which does great work comparing and updating image snapshots. It also provides convenience features like a base64 diff output, which allows us to view the diff from a CI environment (since the diff image file cannot be saved or viewed).

A workaround you could use is maybe use a library like react-native-view-shot

It is just like instagram. Now when i use an image then i can export the edited image using this library. But when i use a video, i have no idea how i can export it? I am not looking for any coding help. If anyone has an idea on how it has been achieved by instagram. Please share the logical explanation since i was not able to find any tool/packages or any lead at all about this. I know about this product which is almost a complete replica of what instagram editor does, but all i want to know is how the exporting works when a video is used.

To share the results we'll require the combination of react-native-view-shot that captures the state of our screen once the map is rendered and expo-sharing to share the screenshot we've captured.

1) Create a react native view of what you want to share 2) use react-native-view-shot to convert the view into an image 3) share that image with the share lib

Using react-native-view-shot (https://github.com/gre/react-native-view-shot) to turn that into an image.

If it's the former then this is what you want: https://github.com/gre/react-native-view-shot

Maybe you could try https://github.com/gre/react-native-view-shot ? I managed to capture a few screenshots with it but all my views were visible on the screen when I used it (they were just small cards), I'm not sure if it would capture contents outside of the screen and if you are using something like FlatList, the elements that aren't rendered probably won't be captured, if it works with FlatList, that is.

You could potentially use https://github.com/gre/react-native-view-shot. It will “screenshot” anything within a particular View and you can then do what you want with the image data. Perhaps even find a way to write it to a PDF file?

I haven’t need this feature myself but I found this library. It looks like it works on expo too