Fix tests (#13)

* refactor: use jest for tests

I couldn’t find a way to fix our tests and make them work with tamagui.
Vitest is ignoring the native.ts files that tamagui has and tests were
failing, because of that I reconfigured the project to use jest.

* fix: button test

* feat: add container tests

* feat: add DataRow tests

Author: compojoom

.gitignore

@@ -13,7 +13,7 @@ web-build/
 # Auto generated storybook file
 .storybook/storybook.requires.ts
 
-# From vitest:ui
+# From jest
 html
 coverage
 
@@ -26,3 +26,5 @@ coverage
 expo-env.d.ts
 # @end expo-cli
 /.idea
+# Tamagui UI generates a lot of cache files
+.tamagui

README.md

@@ -98,7 +98,7 @@ detox test --configuration android.emu.debug
 
 ## Unit tests
 
-We use (Vitest)[https://vitest.dev/] for running our unit/component/hook tests and [React Native Testing Library](https://callstack.github.io/react-native-testing-library/) to manipulate them.
+We use Jest for running our unit/component/hook tests and [React Native Testing Library](https://callstack.github.io/react-native-testing-library/) to manipulate them.
 
 To run the tests you can just type in your terminal:
 
@@ -112,11 +112,12 @@ npm run test
 npm run test:watch
 ```
 
-#### checking the coverage and ui
+#### checking the coverage
 
 ```bash
-npm run test:ui
+npm run test
 ```
+navigate inside the coverage folder and open the index.html file in your browser
 
 ## Running Eslint & Prettier
 

__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

babel.config.js

@@ -1,11 +1,6 @@
 module.exports = function (api) {
-  api.cache(true);
+  api.cache(true)
   return {
     presets: ['babel-preset-expo'],
-    env: {
-      production: {
-        plugins: ['react-native-paper/babel'],
-      },
-    },
-  };
-};
+  }
+}

jest.config.js

@@ -0,0 +1,21 @@
+module.exports = {
+  preset: 'jest-expo',
+  collectCoverage: true,
+  collectCoverageFrom: [
+    './src/**',
+    '!./src/**/*.stories.{js,jsx,ts,tsx}',
+    '!./src/tests/**',
+    '!./src/types/**',
+    '!./src/**/*.snap',
+  ],
+  coverageReporters: ['json', 'html', 'text-summary'],
+  setupFilesAfterEnv: ['./src/tests/jest.setup.ts', './src/tests/test-utils.tsx'],
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      '<rootDir>/__mocks__/fileMock.js',
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@sentry/react-native|native-base|react-native-svg|react-redux)',
+  ],
+  testPathIgnorePatterns: ['/node_modules/', '/e2e/'],
+}