moduleDirectories example

Author: Kent C. Dodds

src/calculator.js

@@ -8,7 +8,7 @@ import styles from './calculator.module.css'
 // splitting in this example because it's something you have to
 // handle with Jest and many people will want to know :).
 const CalculatorDisplay = loadable({
-  loader: () => import('./calculator-display').then(mod => mod.default),
+  loader: () => import('calculator-display').then(mod => mod.default),
   loading: () => <div style={{height: 120}}>Loading display...</div>,
 })
 

src/__tests__/__snapshots__/calculator-display.js.snap renamed to src/shared/__tests__/__snapshots__/calculator-display.js.snap

@@ -5,6 +5,7 @@ const path = require('path')
 module.exports = {
   rootDir: path.join(__dirname, '..'),
   moduleFileExtensions: ['js', 'json', 'jsx', 'node', 'css'],
+  moduleDirectories: ['node_modules', path.join(__dirname, 'src'), 'shared'],
   moduleNameMapper: {
     // module must come first
     '\\.module\\.css$': 'identity-obj-proxy',

src/__tests__/auto-scaling-text.js renamed to src/shared/__tests__/auto-scaling-text.js

@@ -6,6 +6,9 @@ module.exports = {
     path: path.resolve('dist'),
     filename: 'bundle.js',
   },
+  resolve: {
+    modules: ['node_modules', path.join(__dirname, 'src'), 'shared'],
+  },
   module: {
     rules: [
       {