Build targeting Jest with relevant transforms

.babelrc-test-env.js

@@ -0,0 +1,9 @@
+module.exports = {
+  "extends": "./.babelrc.js",
+  "plugins": [
+    "@babel/plugin-transform-runtime",
+    "@babel/plugin-transform-async-to-generator",
+    "@babel/plugin-syntax-dynamic-import",
+    "dynamic-import-node"
+  ],
+};

.eslintignore

@@ -2,6 +2,7 @@ dist
 node_modules
 es
 lib
+test-env
 types
 eui.d.ts
 **/*.snap.js

.gitignore

@@ -11,6 +11,7 @@ tmp/
 dist/
 lib/
 es/
+test-env/
 .idea
 .vscode/
 .DS_Store

package.json

@@ -72,6 +72,8 @@
     "@babel/plugin-proposal-class-properties": "^7.8.3",
     "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-async-to-generator": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/preset-env": "^7.8.3",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",

scripts/compile-clean.js

@@ -3,3 +3,4 @@ const rimraf = require('rimraf');
 rimraf.sync('dist');
 rimraf.sync('lib');
 rimraf.sync('es');
+rimraf.sync('test-env');

scripts/compile-eui.js

@@ -3,6 +3,7 @@ const chalk = require('chalk');
 const shell = require('shelljs');
 const path = require('path');
 const glob = require('glob');
+const fs = require('fs');
 const dtsGenerator = require('dts-generator').default;
 
 function compileLib() {
@@ -13,11 +14,12 @@ function compileLib() {
     'lib/test'
   );
 
-  console.log('Compiling src/ to es/ and lib/');
+  console.log('Compiling src/ to es/, lib/, and test-env/');
 
   // Run all code (com|trans)pilation through babel (ESNext JS & TypeScript)
+
   execSync(
-    'babel --quiet --out-dir=es --extensions .js,.ts,.tsx --ignore "**/webpack.config.js,**/*.test.js,**/*.d.ts" src',
+    'babel --quiet --out-dir=es --extensions .js,.ts,.tsx --ignore "**/webpack.config.js,**/*.test.js,**/*.test.ts,**/*.test.tsx,**/*.d.ts,**/*.testenv.js,**/*.testenv.tsx,**/*.testenv.ts" src',
     {
       env: {
         ...process.env,
@@ -26,15 +28,34 @@ function compileLib() {
       },
     }
   );
+
+  execSync(
+    'babel --quiet --out-dir=lib --extensions .js,.ts,.tsx --ignore "**/webpack.config.js,**/*.test.js,**/*.test.ts,**/*.test.tsx,**/*.d.ts,**/*.testenv.js,**/*.testenv.tsx,**/*.testenv.ts" src',
+    {
+      env: {
+        ...process.env,
+        NO_COREJS_POLYFILL: true,
+      },
+    }
+  );
+
   execSync(
-    'babel --quiet --out-dir=lib --extensions .js,.ts,.tsx --ignore "**/webpack.config.js,**/*.test.js,**/*.d.ts" src',
+    'babel --quiet --out-dir=test-env --extensions .js,.ts,.tsx --config-file="./.babelrc-test-env.js" --ignore "**/webpack.config.js,**/*.test.js,**/*.test.ts,**/*.test.tsx,**/*.d.ts" src',
     {
       env: {
         ...process.env,
         NO_COREJS_POLYFILL: true,
       },
     }
   );
+  glob('./test-env/**/*.testenv.js', undefined, (error, files) => {
+    files.forEach(file => {
+      const dir = path.dirname(file);
+      const fileName = path.basename(file, '.js');
+      const targetName = fileName.replace('.testenv', '');
+      fs.renameSync(file, `${dir}/${targetName}.js`);
+    });
+  });
 
   console.log(chalk.green('✔ Finished compiling src/'));
 

scripts/dtsgenerator.js

@@ -34,6 +34,8 @@ const generator = dtsGenerator({
     'src-framer/**/*',
     '**/*.test.ts',
     '**/*.test.tsx',
+    '**/*.testenv.ts',
+    '**/*.testenv.tsx',
   ],
   resolveModuleId(params) {
     if (

src/components/icon/icon.testenv.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+export const EuiIcon = ({
+  type,
+  className,
+  dataTestSubj,
+  id,
+}: {
+  type: string;
+  className?: string;
+  dataTestSubj?: string;
+  id?: string;
+}) => (
+  <div
+    data-euiicon-type={type}
+    id={id}
+    className={className}
+    data-test-subj={dataTestSubj}
+  />
+);
+
+export const TYPES = [];
+export const COLORS = [];
+export const SIZES = [];
+
+export const IconPropType = PropTypes.oneOfType([
+  PropTypes.string,
+  PropTypes.node,
+]);

yarn.lock

@@ -752,6 +752,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-runtime@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.8.3.tgz#c0153bc0a5375ebc1f1591cb7eea223adea9f169"
+  integrity sha512-/vqUt5Yh+cgPZXXjmaG9NT8aVfThKk7G4OqkVhrXqwsC5soMn/qTCxs36rZ2QFhpfTJcjw4SNDIZ4RUb8OL4jQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.8.3"
+    resolve "^1.8.1"
+    semver "^5.5.1"
+
 "@babel/plugin-transform-shorthand-properties@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.8.3.tgz#28545216e023a832d4d3a1185ed492bcfeac08c8"