@ornikar/jest-config-react-native 4.0.3 → 4.2.0-beta.0

package/.vscode/settings.json

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

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.1.1](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@4.1.0...@ornikar/jest-config-react-native@4.1.1) (2022-03-29)
+
+**Note:** Version bump only for package @ornikar/jest-config-react-native
+
+
+
+
+
+# [4.1.0](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@4.0.3...@ornikar/jest-config-react-native@4.1.0) (2022-03-29)
+
+
+### Features
+
+* **jest-config-react:** use jest-svg-transformer ARCH-1506 ([#678](https://github.com/ornikar/shared-configs/issues/678)) ([0507f23](https://github.com/ornikar/shared-configs/commit/0507f23eb3938a1320e457c847dbc576316e3e7f))
+
+
+
+
+
 ## [4.0.3](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@4.0.2...@ornikar/jest-config-react-native@4.0.3) (2022-03-14)
 
 **Note:** Version bump only for package @ornikar/jest-config-react-native

package/jest-preset.js

@@ -16,8 +16,23 @@ 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
+    // dont transform node_modules when already compiled
+    'node_modules/.*/commonjs/.*\\.(js|jsx|ts|tsx)$': require.resolve('./transformers/identity-transformer.js'),
+
+    // compilation of problematic node_modules has a simplier babel config
+    'node_modules/(react-native-(calendars|reanimated)|native-base)/.*\\.(js|jsx|ts|tsx)$': require.resolve(
+      './transformers/babel-transformer-node-modules.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'),
 
     // remove svg asset transformer from expo config, as we configure svg with custom metro transformer
@@ -28,7 +43,7 @@ module.exports = {
       }),
     ),
     // legacy support, use { ReactComponent } from .svg instead.
-    '\\.inline\\.svg$': require.resolve('./transformers/svg-transformer-inline.js'),
-    '\\.svg$': require.resolve('./transformers/svg-transformer.js'),
+    '\\.inline\\.svg$': require.resolve('@ornikar/jest-config-react/transformers/svg-transformer-inline.js'),
+    '\\.svg$': require.resolve('@ornikar/jest-config-react/transformers/svg-transformer.js'),
   },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/jest-config-react-native",
-  "version": "4.0.3",
+  "version": "4.2.0-beta.0",
   "description": "✅⚛️📱 jest config for react-native",
   "repository": "ornikar/shared-configs",
   "main": "jest-preset.js",
@@ -19,14 +19,13 @@
     "react-dom": "^17.0.0"
   },
   "dependencies": {
-    "@ornikar/jest-config-react": "^9.4.1",
-    "jest-svg-transformer": "^1.0.0"
+    "@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.0.0",
+    "@testing-library/react-native": "9.1.0",
     "jest-expo": "44.0.1",
     "react": "17.0.2"
-  },
-  "gitHead": "e8854060fac2ebe723af742f806c3c1cc1253748"
+  }
 }

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,7 @@
 
 const baseOrnikarPreset = require('@ornikar/jest-config-react/jest-preset');
 const expoPreset = require('jest-expo/web/jest-preset');
+const ornikarReactNativePreset = require('../jest-preset');
 
 module.exports = {
   ...baseOrnikarPreset,
@@ -17,13 +18,21 @@ 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'),
+    // dont transform node_modules when already compiled
+    'node_modules/.*/commonjs/.*\\.(js|jsx|ts|tsx)$': require.resolve('../transformers/identity-transformer.js'),
+
+    // compilation of problematic node_modules has a simplier babel config
+    'node_modules/(react-native-(calendars|reanimated)|native-base)/.*\\.(js|jsx|ts|tsx)$': require.resolve(
+      '../transformers/babel-transformer-node-modules.js',
+    ),
 
-    // legacy support, use { ReactComponent } from .svg instead.
-    '\\.inline\\.svg$': require.resolve('../transformers/svg-transformer-inline.js'),
-    '\\.svg$': require.resolve('../transformers/svg-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'),
 
     ...baseOrnikarPreset.transform,
   },

package/transformers/svg-transformer-inline.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const { process } = require('jest-svg-transformer');
-
-exports.process = process;

package/transformers/svg-transformer.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const { process } = require('jest-svg-transformer');
-
-exports.process = (src, filepath) => {
-  const content = process(src, filepath);
-  return content.replace(
-    /module.exports = (.*);/,
-    `module.exports = new Proxy({}, {
-    get: function getter(target, key) {
-      if (key === '__esModule') {
-        return true;
-      }
-      if (key === 'default') {
-        return $1.name;
-      }
-      if (key === 'ReactComponent') {
-        return $1;
-      }
-      throw new Error('Invalid key for svg-transformer jest mock: ' + key);
-    }
-  });`,
-  );
-};