Change test renderer to @testing-library/react-native

Run a test using @testing-library render.

Author: lucianomlima

package.json

@@ -6,8 +6,9 @@
     "android": "react-native run-android",
     "ios": "react-native run-ios",
     "start": "react-native start",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "test": "jest",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
+    "test:watch": "jest --watch"
   },
   "dependencies": {
     "@react-native-community/masked-view": "^0.1.7",

src/__tests__/App.test.tsx

@@ -4,10 +4,17 @@
 
 import 'react-native';
 import React from 'react';
+import { render, toJSON } from '@testing-library/react-native';
+
 import App from '../App';
 
-// Note: test renderer must be required after react-native.
-import renderer from 'react-test-renderer';
+describe('<App />', () => {
+  it('should render properly', () => {
+    const { baseElement } = render(<App />);
+    expect(toJSON(baseElement)).toMatchSnapshot();
+  });
+});
+
 
 it('renders correctly', () => {
   renderer.create(<App />);