@ornikar/jest-config-react-native 4.1.1 → 4.2.0-beta.2

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "eslint.workingDirectories": ["../../"]
+}

package/customTransforms.js

@@ -0,0 +1,16 @@
+'use strict';
+
+exports.customTransforms = {
+  // compilation of problematic node_modules has a simplier babel config
+  'node_modules/(react-native-(calendars|reanimated)|native-base|@react-native-community/netinfo)/.*\\.(js|jsx|ts|tsx)$':
+    require.resolve('./transformers/babel-transformer-node-modules.js'),
+
+  // dont transform node_modules when already compiled
+  'node_modules/.*/commonjs/.*\\.(js|jsx|ts|tsx)$': require.resolve('./transformers/identity-transformer.js'),
+
+  // compilation of most node_modules with sucrase for faster setup
+  'node_modules/(@?react-native.*|@?expo.*|@?react-navigation.*)/.*\\.(js|jsx|ts|tsx)$': '@sucrase/jest-plugin',
+
+  // compilation of rest node_modules has a simplier babel config (might be additional transformIgnorePatterns)
+  'node_modules.*\\.(js|jsx|ts|tsx)$': require.resolve('./transformers/babel-transformer-node-modules.js'),
+};

package/jest-preset.js

@@ -2,6 +2,7 @@
 
 const baseOrnikarPreset = require('@ornikar/jest-config-react/jest-preset');
 const expoPreset = require('jest-expo/jest-preset');
+const { customTransforms } = require('./customTransforms');
 
 module.exports = {
   ...baseOrnikarPreset,
@@ -16,9 +17,12 @@ module.exports = {
     '@storybook/react$': require.resolve('./__mocks__/@storybook/react-native.jsx'),
     '^@storybook/react$': require.resolve('./__mocks__/@storybook/react-native.jsx'),
   },
+  // override expo transformIgnorePatterns with custom config
+  transformIgnorePatterns: [
+    'node_modules/(?!react-native(?!-web)|@react-native|expo|@expo(nent)?/.*|react-navigation|@react-navigation/.*|native-base)',
+  ],
   transform: {
-    // compilation of problematic node_modules has a simplier config
-    'node_modules.*\\.(js|jsx|ts|tsx)$': require.resolve('./transformers/babel-transformer-node-modules.js'),
+    ...customTransforms,
 
     // remove svg asset transformer from expo config, as we configure svg with custom metro transformer
     ...Object.fromEntries(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/jest-config-react-native",
-  "version": "4.1.1",
+  "version": "4.2.0-beta.2",
   "description": "✅⚛️📱 jest config for react-native",
   "repository": "ornikar/shared-configs",
   "main": "jest-preset.js",
@@ -19,13 +19,13 @@
     "react-dom": "^17.0.0"
   },
   "dependencies": {
-    "@ornikar/jest-config-react": "^9.5.1"
+    "@ornikar/jest-config-react": "^9.5.1",
+    "@sucrase/jest-plugin": "^2.2.0"
   },
   "devDependencies": {
     "@testing-library/react-hooks": "7.0.2",
     "@testing-library/react-native": "9.1.0",
     "jest-expo": "44.0.1",
     "react": "17.0.2"
-  },
-  "gitHead": "1b5a0d70d0312f9c1daa99b73c5b2b5c6ea1c8eb"
+  }
 }

package/transformers/identity-transformer.js

@@ -0,0 +1,5 @@
+'use strict';
+
+exports.process = (src, filepath) => {
+  return src;
+};

package/web/jest-preset.js

@@ -2,6 +2,8 @@
 
 const baseOrnikarPreset = require('@ornikar/jest-config-react/jest-preset');
 const expoPreset = require('jest-expo/web/jest-preset');
+const { customTransforms } = require('../customTransforms');
+const ornikarReactNativePreset = require('../jest-preset');
 
 module.exports = {
   ...baseOrnikarPreset,
@@ -17,10 +19,9 @@ module.exports = {
     ...baseOrnikarPreset.moduleNameMapper,
     ...expoPreset.moduleNameMapper,
   },
+  transformIgnorePatterns: ornikarReactNativePreset.transformIgnorePatterns,
   transform: {
-    // compilation of problematic node_modules has a simplier config
-    'node_modules.*\\.(js|jsx|ts|tsx)$': require.resolve('../transformers/babel-transformer-node-modules.js'),
-
+    ...customTransforms,
     ...baseOrnikarPreset.transform,
   },
 };