@ornikar/jest-config-react-native 3.3.2 → 4.0.1

package/CHANGELOG.md

@@ -3,6 +3,49 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.1](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@4.0.0...@ornikar/jest-config-react-native@4.0.1) (2022-03-09)
+
+
+### Bug Fixes
+
+* **jest-config-react-native:** fix dot missing in resolver ([878c2ab](https://github.com/ornikar/shared-configs/commit/878c2ab47340945ad780122de9b631c7c6d9a98d))
+
+
+
+
+
+# [4.0.0](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@3.4.0...@ornikar/jest-config-react-native@4.0.0) (2022-03-09)
+
+
+### Bug Fixes
+
+* **jest-config-react-native:** custom platform resolvers ([23f4f0f](https://github.com/ornikar/shared-configs/commit/23f4f0f1c706a417c7773f96b486012b3676c8d8))
+
+
+### BREAKING CHANGES
+
+* **jest-config-react-native:** removed nativeSnapshotResolver.js
+
+
+
+
+
+# [3.4.0](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@3.3.2...@ornikar/jest-config-react-native@3.4.0) (2022-03-08)
+
+
+### Bug Fixes
+
+* **jest-config-react-native:** fix to make it work with jest 27 ([cf25dcd](https://github.com/ornikar/shared-configs/commit/cf25dcdd784617c91563bf14057845f75b4e20ca))
+
+
+### Features
+
+* faster jest [no issue] ([#660](https://github.com/ornikar/shared-configs/issues/660)) ([866764e](https://github.com/ornikar/shared-configs/commit/866764e4e12d27fa5b6a12f9452b99808035c2d6))
+
+
+
+
+
 ## [3.3.2](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@3.3.1...@ornikar/jest-config-react-native@3.3.2) (2022-02-04)
 
 **Note:** Version bump only for package @ornikar/jest-config-react-native

package/jest-preset.js

@@ -1,24 +1,15 @@
 'use strict';
 
-const jestPreset = require('@ornikar/jest-config/jest-preset');
+const baseOrnikarPreset = require('@ornikar/jest-config-react/jest-preset');
 const expoPreset = require('jest-expo/jest-preset');
-const mergeWith = require('lodash.mergewith');
-
-function customizer(objValue, srcValue) {
-  if (Array.isArray(objValue)) {
-    // eslint-disable-next-line unicorn/prefer-spread
-    return objValue.concat(srcValue);
-  }
-  return undefined;
-}
-
-const basePreset = mergeWith(expoPreset, jestPreset, customizer);
 
 module.exports = {
-  ...basePreset,
-  testMatch: [...basePreset.testMatch, '<rootDir>/src/**/stories.{ts,tsx}', '<rootDir>/src/**/*.stories.{ts,tsx}'],
+  ...baseOrnikarPreset,
+  ...expoPreset,
+  setupFiles: [...expoPreset.setupFiles, ...baseOrnikarPreset.setupFiles],
+  testMatch: baseOrnikarPreset.testMatch,
   moduleNameMapper: {
-    ...basePreset.moduleNameMapper,
+    ...expoPreset.moduleNameMapper,
     '^@storybook/addon-actions$': require.resolve('./__mocks__/@storybook/addon-actions.js'),
     '@storybook/react-native$': require.resolve('./__mocks__/@storybook/react-native.jsx'),
     '^@storybook/react-native$': require.resolve('./__mocks__/@storybook/react-native.jsx'),
@@ -26,15 +17,18 @@ module.exports = {
     '^@storybook/react$': require.resolve('./__mocks__/@storybook/react-native.jsx'),
   },
   transform: {
+    // compilation of problematic node_modules has a simplier config
+    '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
     ...Object.fromEntries(
-      Object.entries(basePreset.transform).map(([key, value]) => {
+      Object.entries(expoPreset.transform).map(([key, value]) => {
         if (key.includes('|svg|')) return [key.replace('|svg|', '|'), value];
         return [key, value];
       }),
     ),
     // legacy support, use { ReactComponent } from .svg instead.
-    '\\.inline\\.svg$': '@ornikar/jest-config-react-native/svg-transformer-inline',
-    '\\.svg$': '@ornikar/jest-config-react-native/svg-transformer',
+    '\\.inline\\.svg$': require.resolve('./transformers/svg-transformer-inline.js'),
+    '\\.svg$': require.resolve('./transformers/svg-transformer.js'),
   },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/jest-config-react-native",
-  "version": "3.3.2",
+  "version": "4.0.1",
   "description": "✅⚛️📱 jest config for react-native",
   "repository": "ornikar/shared-configs",
   "main": "jest-preset.js",
@@ -19,9 +19,8 @@
     "react-dom": "^17.0.0"
   },
   "dependencies": {
-    "@ornikar/jest-config": "^7.1.4",
-    "jest-svg-transformer": "^1.0.0",
-    "lodash.mergewith": "4.6.2"
+    "@ornikar/jest-config-react": "^9.4.0",
+    "jest-svg-transformer": "^1.0.0"
   },
   "devDependencies": {
     "@testing-library/react-hooks": "7.0.2",
@@ -29,5 +28,5 @@
     "jest-expo": "44.0.1",
     "react": "17.0.2"
   },
-  "gitHead": "aaa1e18faf8d29706f6272312bce9d7214ab31e8"
+  "gitHead": "7c2f280359c9acabb06e82eec1def56d138e1339"
 }

package/snapshot-resolvers/createCustomPlatformResolver.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const path = require('path');
+
+module.exports = function createCustomPlatformResolver(platform) {
+  const extensionSuffix = `.${platform}`;
+  return {
+    resolveSnapshotPath: (testPath, snapshotExtension) =>
+      path.join(
+        path.join(path.dirname(testPath), '__snapshots__'),
+        path.basename(testPath) + snapshotExtension + extensionSuffix,
+      ),
+
+    resolveTestPath: (snapshotPath, snapshotExtension) =>
+      path.normalize(
+        path.join(path.dirname(snapshotPath), '..', path.basename(snapshotPath, snapshotExtension + extensionSuffix)),
+      ),
+
+    testPathForConsistencyCheck: path.posix.join('consistency_check', 'example.test.js'),
+  };
+};

package/snapshot-resolvers/resolver.android.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const createCustomPlatformResolver = require('./createCustomPlatformResolver');
+
+module.exports = createCustomPlatformResolver('android');

package/snapshot-resolvers/resolver.ios.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const createCustomPlatformResolver = require('./createCustomPlatformResolver');
+
+module.exports = createCustomPlatformResolver('ios');

package/snapshot-resolvers/resolver.node.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const createCustomPlatformResolver = require('./createCustomPlatformResolver');
+
+module.exports = createCustomPlatformResolver('node');

package/snapshot-resolvers/resolver.web.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const createCustomPlatformResolver = require('./createCustomPlatformResolver');
+
+module.exports = createCustomPlatformResolver('web');

package/transformers/babel-transformer-node-modules.js

@@ -0,0 +1,11 @@
+'use strict';
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+const babelJest = require('babel-jest');
+
+module.exports = babelJest.createTransformer({
+  // should be identical to the config in @ornikar/webpack-configs/reactNativeWeb.js
+  presets: [['babel-preset-expo', { jsxRuntime: 'automatic' }]],
+  babelrc: false,
+  configFile: false,
+});

package/transformers/svg-transformer-inline.js

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

package/web/jest-preset.js

@@ -0,0 +1,30 @@
+'use strict';
+
+const baseOrnikarPreset = require('@ornikar/jest-config-react/jest-preset');
+const expoPreset = require('jest-expo/web/jest-preset');
+
+module.exports = {
+  ...baseOrnikarPreset,
+  ...expoPreset,
+  snapshotResolver: require.resolve('../snapshot-resolvers/resolver.web.js'),
+  setupFiles: [...expoPreset.setupFiles, ...baseOrnikarPreset.setupFiles],
+  testMatch: [
+    ...baseOrnikarPreset.testMatch,
+    baseOrnikarPreset.testMatch[0].replace('**/__tests__/**/*.', '**/stories.'),
+    baseOrnikarPreset.testMatch[0].replace('**/__tests__/**/*.', '**/*.stories.'),
+  ],
+  moduleNameMapper: {
+    ...baseOrnikarPreset.moduleNameMapper,
+    ...expoPreset.moduleNameMapper,
+  },
+  transform: {
+    // compilation of problematic node_modules has a simplier config
+    'node_modules.*\\.(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'),
+
+    ...baseOrnikarPreset.transform,
+  },
+};

package/nativeSnapshotResolver.js

@@ -1,19 +0,0 @@
-'use strict';
-
-const path = require('path');
-
-module.exports = {
-  resolveSnapshotPath: (testPath, snapshotExtension) => {
-    const snapshotPath = `${path.dirname(testPath)}/__native_snapshots__/${path.basename(
-      testPath,
-    )}${snapshotExtension}`;
-    return snapshotPath;
-  },
-
-  resolveTestPath: (snapshotFilePath, snapshotExtension) => {
-    const testPath = snapshotFilePath.replace('/__native_snapshots__', '').slice(0, -snapshotExtension.length);
-    return testPath;
-  },
-
-  testPathForConsistencyCheck: 'src/shared/components/Button/Button.test.tsx',
-};

package/svg-transformer-inline.js

@@ -1,3 +0,0 @@
-'use strict';
-
-module.exports = require('jest-svg-transformer');