Getting ''Invariant Violation: Native module cannot be null.'' when i run the test

Question

I have a Login component as below and I am writing some test cases for this component. When I tried to run the test I got the following error:

Test<

Answer 1

This problem happens when you import a native component in the render tree, as the test renderer do not have them. To fix this, either you need to mock the component (https://jestjs.io/docs/en/manual-mocks), or use shallow rendering (https://reactjs.org/docs/shallow-renderer.html)

For your particular case, this is the github issue to help you: https://github.com/naoufal/react-native-safari-view/issues/99

Another solution could be using react-native-mock-render module (the most active fork of react-native-mock)