@ornikar/jest-config-react 9.3.2 → 9.5.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.5.0](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react@9.4.1...@ornikar/jest-config-react@9.5.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))
+
+
+
+
+
+## [9.4.1](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react@9.4.0...@ornikar/jest-config-react@9.4.1) (2022-03-14)
+
+**Note:** Version bump only for package @ornikar/jest-config-react
+
+
+
+
+
+# [9.4.0](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react@9.3.2...@ornikar/jest-config-react@9.4.0) (2022-03-08)
+
+
+### Features
+
+* faster jest [no issue] ([#660](https://github.com/ornikar/shared-configs/issues/660)) ([866764e](https://github.com/ornikar/shared-configs/commit/866764e4e12d27fa5b6a12f9452b99808035c2d6))
+
+
+
+
+
 ## [9.3.2](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react@9.3.1...@ornikar/jest-config-react@9.3.2) (2022-02-24)
 
 **Note:** Version bump only for package @ornikar/jest-config-react

package/jest-preset.js

@@ -8,20 +8,27 @@ const useCraco = fs.existsSync(path.resolve('craco.config.js'));
 
 module.exports = {
   ...baseJestPreset,
-  testMatch: [...baseJestPreset.testMatch, baseJestPreset.testMatch[0].replace('**/__tests__/**/*.', '**/stories.')],
+  testMatch: [
+    ...baseJestPreset.testMatch,
+    baseJestPreset.testMatch[0].replace('**/__tests__/**/*.', '**/stories.'),
+    baseJestPreset.testMatch[0].replace('**/__tests__/**/*.', '**/*.stories.'),
+  ],
   setupFiles: [
     ...baseJestPreset.setupFiles.slice(0, -1),
     require.resolve('./test-setup'),
     baseJestPreset.setupFiles[baseJestPreset.setupFiles.length - 1],
   ],
-  transform: useCraco
-    ? {
-        '\\.svg$': require.resolve('./fileTransform'),
-      }
-    : {
-        '\\.svg$': require.resolve('./fileTransform'),
-        '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
-      },
+  transform: {
+    '\\.raw.svg$': require.resolve('./transformers/asset-name-transformer'),
+    // legacy support, use { ReactComponent } from .svg instead.
+    '\\.inline\\.svg$': require.resolve('./transformers/svg-transformer-inline.js'),
+    '\\.svg$': require.resolve('./transformers/svg-transformer.js'),
+    ...(useCraco
+      ? {}
+      : {
+          '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
+        }),
+  },
   transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$', '^.+\\.css$'],
   moduleNameMapper: {
     '\\.css$': 'identity-obj-proxy',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/jest-config-react",
-  "version": "9.3.2",
+  "version": "9.5.0",
   "description": "✅⚛️ jest config for react",
   "repository": "ornikar/shared-configs",
   "main": "jest-preset.js",
@@ -20,14 +20,15 @@
   },
   "dependencies": {
     "@ornikar/jest-config": "^7.1.4",
-    "identity-obj-proxy": "^3.0.0"
+    "identity-obj-proxy": "^3.0.0",
+    "jest-svg-transformer": "^1.0.0"
   },
   "devDependencies": {
-    "@testing-library/react": "12.1.3",
+    "@testing-library/react": "12.1.4",
     "@testing-library/react-hooks": "7.0.2",
     "jest": "26.6.3",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
-  "gitHead": "a7956f98136d87c6ed727e9c4f61426c916acfe9"
+  "gitHead": "be4f00dfbcbd841d71b9bf6708d86f4c961b33d4"
 }

package/transformers/svg-transformer-inline.js

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

package/transformers/svg-transformer.js

@@ -0,0 +1,24 @@
+'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);
+    }
+  });`,
+  );
+};