Inserting test script

Author: andrelmlins

packages/react-library-scripts/configs/jest/babelTransform.js

@@ -0,0 +1,16 @@
+"use strict";
+
+const babelJest = require("babel-jest");
+
+module.exports = babelJest.createTransformer({
+  presets: [
+    [require.resolve("@babel/preset-env"), { modules: "commonjs" }],
+    [require.resolve("@babel/preset-react"), { absoluteRuntime: false }]
+  ],
+  plugins: [
+    require.resolve("@babel/plugin-proposal-class-properties"),
+    require.resolve("@babel/plugin-transform-runtime")
+  ],
+  babelrc: false,
+  configFile: false
+});

packages/react-library-scripts/configs/jest/cssTransform.js

@@ -0,0 +1,16 @@
+// Copied from Create React APP
+
+"use strict";
+
+// This is a custom Jest transformer turning style imports into empty objects.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+  process() {
+    return "module.exports = {};";
+  },
+  getCacheKey() {
+    // The output is always the same.
+    return "cssTransform";
+  }
+};

packages/react-library-scripts/configs/jest/fileTransform.js

@@ -0,0 +1,42 @@
+// Copied from Create React APP
+
+"use strict";
+
+const path = require("path");
+const camelcase = require("camelcase");
+
+// This is a custom Jest transformer turning file imports into filenames.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+  process(src, filename) {
+    const assetFilename = JSON.stringify(path.basename(filename));
+
+    if (filename.match(/\.svg$/)) {
+      // Based on how SVGR generates a component name:
+      // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
+      const pascalCaseFileName = camelcase(path.parse(filename).name, {
+        pascalCase: true
+      });
+      const componentName = `Svg${pascalCaseFileName}`;
+      return `const React = require('react');
+      module.exports = {
+        __esModule: true,
+        default: ${assetFilename},
+        ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
+          return {
+            $$typeof: Symbol.for('react.element'),
+            type: 'svg',
+            ref: ref,
+            key: null,
+            props: Object.assign({}, props, {
+              children: ${assetFilename}
+            })
+          };
+        }),
+      };`;
+    }
+
+    return `module.exports = ${assetFilename};`;
+  }
+};

packages/react-library-scripts/configs/jestConfig.js

@@ -0,0 +1,25 @@
+"use strict";
+
+const jestConfig = {
+  collectCoverageFrom: ["<rootDir>/src/lib/**/*.{js,jsx}"],
+  testPathIgnorePatterns: ["/node_modules/", "/dist/"],
+  transform: {
+    "^.+\\.(js|jsx|ts|tsx)$": `${__dirname}/jest/babelTransform.js`,
+    "^.+\\.css$": `${__dirname}/jest/cssTransform.js`,
+    "^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": `${__dirname}/jest/fileTransform.js`
+  },
+  transformIgnorePatterns: [
+    "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
+    "^.+\\.module\\.(css|sass|scss)$"
+  ],
+  coverageThreshold: {
+    global: {
+      statements: 85,
+      branches: 85,
+      lines: 85,
+      functions: 85
+    }
+  }
+};
+
+module.exports = jestConfig;

packages/react-library-scripts/scripts/test.js

@@ -1,3 +1,24 @@
 "use strict";
 
-console.log("test");
+process.env.BABEL_ENV = "test";
+process.env.NODE_ENV = "test";
+process.env.PUBLIC_URL = "";
+
+const jest = require("jest");
+const fs = require("fs");
+let jestConfig = require("../configs/jestConfig");
+
+const packageJson = JSON.parse(fs.readFileSync("./package.json"));
+
+if (fs.existsSync("./src/setupTest.js")) {
+  jestConfig.setupFilesAfterEnv = ["<rootDir>/src/setupTest.js"];
+}
+
+if (packageJson.jest) {
+  jestConfig = { ...jestConfig, ...packageJson.jest };
+}
+
+args.unshift("--ci");
+args.unshift("--config", JSON.stringify(jestConfig));
+
+jest.run(process.argv.slice(2));