fix(test): Support dynamic imports in tests (seek-oss#342)

thebillg · Apr 1, 2019 · 84b8541 · 84b8541
1 parent 5b3c89e
commit 84b8541
Show file tree

Hide file tree

Showing 23 changed files with 175 additions and 60 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -3,3 +3,5 @@ node_modules
 report/
 dist-start/
 dist-build/
+dist-storybook/
+coverage/
diff --git a/.gitignore b/.gitignore
@@ -8,6 +8,8 @@ dist-build/
 
 # managed by sku
 .prettierrc
+coverage/
+dist-storybook/
 dist/
 report/
 tsconfig.json

diff --git a/.prettierignore b/.prettierignore
@@ -2,6 +2,8 @@ dist-build/
 dist-start/
 
 # managed by sku
+coverage/
+dist-storybook/
 dist/
 report/
 # end managed by sku
diff --git a/config/babel/babelConfig.js b/config/babel/babelConfig.js
@@ -14,6 +14,7 @@ const nodeEnvOptions = {
 
 module.exports = ({ target, lang = 'js' }) => {
   const isBrowser = target === 'browser';
+  const isJest = target === 'jest';
 
   const envPresetOptions = isBrowser ? browserEnvOptions : nodeEnvOptions;
   const plugins = [
@@ -37,6 +38,10 @@ module.exports = ({ target, lang = 'js' }) => {
     plugins.push(require.resolve('babel-plugin-seek-style-guide'));
   }
 
+  if (isJest) {
+    plugins.push(require.resolve('babel-plugin-dynamic-import-node'));
+  }
+
   if (process.env.NODE_ENV === 'production') {
     plugins.push(
       require.resolve('@babel/plugin-transform-react-inline-elements'),

diff --git a/config/jest/jsBabelTransform.js b/config/jest/jsBabelTransform.js
@@ -1,4 +1,4 @@
 const babelJest = require('babel-jest');
 const babelConfig = require('../babel/babelConfig');
 
-module.exports = babelJest.createTransformer(babelConfig({ target: 'node' }));
+module.exports = babelJest.createTransformer(babelConfig({ target: 'jest' }));
diff --git a/config/jest/tsBabelTransform.js b/config/jest/tsBabelTransform.js
@@ -2,5 +2,5 @@ const babelJest = require('babel-jest');
 const babelConfig = require('../babel/babelConfig');
 
 module.exports = babelJest.createTransformer(
-  babelConfig({ target: 'node', lang: 'ts' }),
+  babelConfig({ target: 'jest', lang: 'ts' }),
 );
diff --git a/package.json b/package.json
@@ -94,6 +94,7 @@
     "babel-jest": "^24.0.0",
     "babel-loader": "^8.0.4",
     "babel-plugin-add-react-displayname": "^0.0.5",
+    "babel-plugin-dynamic-import-node": "^2.2.0",
     "babel-plugin-flow-react-proptypes": "^25.0.0",
     "babel-plugin-macros": "^2.4.2",
     "babel-plugin-module-resolver": "^3.1.1",
@@ -190,6 +191,7 @@
     "react-dom": "^16.8.1",
     "react-helmet": "^5.2.0",
     "react-router-dom": "^4.3.1",
+    "react-testing-library": "^6.0.3",
     "renovate-config-seek": "^0.4.0",
     "seek-asia-style-guide": "^7.0.0",
     "seek-style-guide": "^38.9.2",