@ornikar/jest-config-react-native 3.3.0 → 3.4.0

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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
+
+
+
+
+
+## [3.3.1](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@3.3.0...@ornikar/jest-config-react-native@3.3.1) (2022-02-01)
+
+**Note:** Version bump only for package @ornikar/jest-config-react-native
+
+
+
+
+
 # [3.3.0](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react-native@3.2.1...@ornikar/jest-config-react-native@3.3.0) (2022-01-31)
 
 

package/jest-preset.js

@@ -1,38 +1,34 @@
 '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'),
+    '@storybook/react$': require.resolve('./__mocks__/@storybook/react-native.jsx'),
+    '^@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/nativeSnapshotResolver.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ornikar/jest-config-react-native",
-  "version": "3.3.0",
-  "description": "jest config",
+  "version": "3.4.0",
+  "description": "✅⚛️📱 jest config for react-native",
   "repository": "ornikar/shared-configs",
   "main": "jest-preset.js",
   "license": "ISC",
@@ -19,9 +19,8 @@
     "react-dom": "^17.0.0"
   },
   "dependencies": {
-    "@ornikar/jest-config": "^7.1.3",
-    "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": "1b78cd573c1e3685bb58fa590fe998f7871eb2d2"
+  "gitHead": "d436e7c9e103d89eba6c89c881659f501f9b08be"
 }

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,29 @@
+'use strict';
+
+const baseOrnikarPreset = require('@ornikar/jest-config-react/jest-preset');
+const expoPreset = require('jest-expo/web/jest-preset');
+
+module.exports = {
+  ...baseOrnikarPreset,
+  ...expoPreset,
+  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/svg-transformer-inline.js

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