attempt to normalize the test setup according to other react-navigation projects (not yet working)

Author: slorber

jest-setup.js

@@ -0,0 +1 @@
+// nothing

jest.config.js

@@ -1,24 +1,15 @@
-const { defaults: tsjPreset } = require('ts-jest/presets');
-
 module.exports = {
-  ...tsjPreset,
   preset: 'react-native',
-  transform: {
-    ...tsjPreset.transform,
-    '\\.js$': '<rootDir>/node_modules/react-native/jest/preprocessor.js',
-  },
-  globals: {
-    'ts-jest': {
-      babelConfig: true,
-    },
-  },
-  testPathIgnorePatterns: [
-    "\\.snap$",
-    "<rootDir>/node_modules/",
-    "<rootDir>/dist/"
-  ],
+  setupFiles: ['<rootDir>/jest-setup.js'],
+  coveragePathIgnorePatterns: ['jest-setup.js'],
+  modulePathIgnorePatterns: ['<rootDir>/example/'],
   transformIgnorePatterns: [
-    "<rootDir>/node_modules/(?!react-native)/"
+    'node_modules/(?!(jest-)?react-native|react-clone-referenced-element|react-navigation-deprecated-tab-navigator|@react-navigation/core|@react-navigation/native)',
   ],
-  cacheDirectory: '.jest/cache',
+  testPathIgnorePatterns: ['/node_modules/', '/dist/'],
+  testRegex: '/__tests__/.*\\.(test|spec)\\.(js|tsx?)$',
+  testEnvironment: 'node',
+  transform: {
+    '^.+\\.(js|ts|tsx)$': 'babel-jest',
+  },
 };

package.json

@@ -54,19 +54,19 @@
     "@types/jest": "^23.3.9",
     "@types/react": "^16.7.7",
     "@types/react-native": "^0.57.14",
-    "@types/react-navigation": "^3.0.7",
     "@types/react-test-renderer": "^16.0.3",
+    "babel-jest": "^24.7.1",
     "conventional-changelog-cli": "^2.0.5",
     "husky": "^0.14.3",
-    "jest": "^23.6.0",
+    "jest": "^24.7.1",
     "lint-staged": "^8.1.0",
     "prettier": "^1.8.2",
     "pretty-quick": "^1.8.0",
     "react": "^16.7.0-alpha.2",
     "react-native": "^0.57.7",
+    "react-navigation": "^3.11.1",
     "react-test-renderer": "^16.7.0-alpha.2",
     "release-it": "^7.6.1",
-    "ts-jest": "^23.10.5",
     "tslint": "^5.11.0",
     "tslint-config-airbnb": "^5.11.1",
     "tslint-config-prettier": "^1.16.0",

src/Hooks.ts

@@ -32,7 +32,9 @@ export function useNavigationEvents(handleEvt: NavigationEventCallback) {
   const navigation = useNavigation();
   useEffect(
     () => {
-      const subsA = navigation.addListener('action', handleEvt);
+      const subsA = navigation.addListener(
+        'action' as any // TODO should we remove it? it's not in the published typedefs
+        , handleEvt);
       const subsWF = navigation.addListener('willFocus', handleEvt);
       const subsDF = navigation.addListener('didFocus', handleEvt);
       const subsWB = navigation.addListener('willBlur', handleEvt);

src/__tests__/Hooks-test.tsx renamed to src/__tests__/Hooks.test.tsx

@@ -1,4 +1,5 @@
-import { default as React, useState } from 'react';
+import * as React from 'react';
+import { useState } from 'react';
 import * as renderer from 'react-test-renderer';
 // @ts-ignore
 import { createSwitchNavigator } from '@react-navigation/core';
@@ -114,7 +115,13 @@ describe('AppNavigator2 Stack', () => {
     navigationContainer = renderer.create(<App />);
   });
 
-  const eventTypes = ['willFocus', 'didFocus', 'willBlur', 'didBlur', 'action'];
+  const eventTypes = [
+    'willFocus',
+    'didFocus',
+    'willBlur',
+    'didBlur',
+    // 'action'
+  ];
 
   it('usenNavigationState: Get current route name', () => {
     const children = navigationContainer.toJSON().children;