fix: Fix yarn test:unit v1.22.4 (#753)

* Fix yarn run v1.22.4
$ jest App
Done in 5.66s. #724

* ci: run unit tests in github pr workflow

* Update babel.config.js

* Update jest.config.js

* Update jest.config.js

* Update jest.config.js

* Update jest.config.js

Co-authored-by: Amaury Martiny <[email protected]>

.github/workflows/pr.yml

@@ -22,7 +22,12 @@ jobs:
  - uses: actions/checkout@v1
  - run: yarn install
  - run: yarn lint
-
+ test-unit:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v1
+ - run: yarn install
+ - run: yarn test:unit
  test-e2e:
  runs-on: macOS-latest
  steps:

App/stores/api.test.ts

@@ -20,7 +20,7 @@ describe('withTimeout', () => {
  it('should correct time out', async (done) => {
  jest.setTimeout(5000);
 
- const p = new Promise((resolve) => setTimeout(resolve, 2000));
+ const p = new Promise((resolve) => setTimeout(resolve, 2001));
 
  try {
  await withTimeout(p, 2000);

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+ // Properly configure ts-jest.
+ // https://kulshekhar.github.io/ts-jest/user/react-native/#babel-config
+ presets: ['module:metro-react-native-babel-preset'],
+};

jest.config.js

@@ -1,8 +1,28 @@
+/* eslint-disable */
+const { defaults: tsjPreset } = require('ts-jest/presets');
+
 module.exports = {
+ ...tsjPreset,
  preset: 'jest-expo',
  moduleFileExtensions: ['js', 'ts', 'tsx'],
  testMatch: ['**/?(*.)+(spec|test).ts?(x)'],
+ // Mock static asset imports.
+ // https://jestjs.io/docs/en/webpack#handling-static-assets
+ moduleNameMapper: {
+ '\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+ '<rootDir>/mocks/fileMock.js',
+ },
  transform: {
- '^.+\\.tsx?$': 'ts-jest',
+ ...tsjPreset.transform,
+ },
+ // blacklist any unwanted modules that get transpiled, like sentry
+ // https://docs.expo.io/guides/testing-with-jest/#jest-configuration
+ transformIgnorePatterns: [
+ 'node_modules/(?!(jest-)?react-native|react-clone-referenced-element|@react-native-community|expo(nent)?|@expo(nent)?/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|@sentry/.*)',
+ ],
+ globals: {
+ 'ts-jest': {
+ babelConfig: true, // Globals with ts-jest config to look for babel config.
+ },
  },
 };

mocks/fileMock.js

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

package.json

@@ -67,9 +67,9 @@
  "@types/jest": "^26.0.14",
  "detox": "^17.8.0",
  "detox-expo-helpers": "^0.6.0",
- "jest": "^24.9.0",
+ "jest": "^26.4.2",
  "jest-expo": "^39.0.0",
- "ts-jest": "^24.3.0",
+ "ts-jest": "^26.4.1",
  "typescript": "~3.9.2"
  }
 }