Add tests at the app

babel.config.js

@@ -1,3 +1,10 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
 };
+
+// module.exports = {
+//   presets: [
+//     ['@babel/preset-env', { targets: { node: 'current' } }],
+//     '@babel/preset-typescript',
+//   ],
+// };

package.json

@@ -7,7 +7,9 @@
     "ios": "react-native run-ios",
     "lint": "eslint .",
     "dev": "react-native start",
-    "test": "jest"
+    "test": "jest",
+    "jest::watch": "NODE_OPTIONS=--experimental-vm-modules npx jest --no-coverage --verbose --watch",
+    "jest:watch": "jest --no-coverage --verbose --watch"
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.18.2",
@@ -31,8 +33,11 @@
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@babel/preset-env": "^7.20.0",
+    "@babel/preset-typescript": "^7.22.5",
     "@babel/runtime": "^7.20.0",
     "@react-native-community/eslint-config": "^3.2.0",
+    "@testing-library/jest-native": "^5.4.2",
+    "@testing-library/react-native": "^12.1.2",
     "@tsconfig/react-native": "^2.0.2",
     "@types/firebase": "^3.2.1",
     "@types/jest": "^29.2.1",
@@ -56,6 +61,20 @@
     "typescript": "*"
   },
   "jest": {
-    "preset": "react-native"
+  "preset": "react-native",
+    "transformIgnorePatterns": [
+      "node_modules/(?!(jest-)?@react-native|react-native|react-clone-referenced-element|@react-native-community|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|native-base|@sentry/.*)"
+    ],
+    "setupFilesAfterEnv": [
+      "@testing-library/jest-native/extend-expect"
+    ],
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ]
   }
 }

src/components/Header/index.spec.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react-native'
+import { Header } from '.'
+
+describe('<Header />', ()=>{
+  it('render component', ()=>{
+    render(
+      <Header />
+    )
+  })
+})

src/components/PostsList/index.spec.tsx

@@ -0,0 +1,25 @@
+import { render } from '@testing-library/react-native'
+import { PostsList } from '.'
+
+describe('<PostsList />', () => {
+  // jest.mock('react-native/Libraries/EventEmitter/NativeEventEmitter');
+  it('render component', () => {
+
+    const data ={
+      id: '1',
+      autor: 'Author default',
+      avatarUrl: '',
+      content: 'Description default',
+      created: {
+        seconds: 1231234,
+        nanoseconds: 1231234
+      },
+      likes: 12,
+      userId: '123',
+    }
+
+    render(
+      <PostsList data={data} />
+    )
+  })
+})