feat: add jest react babel support

Author: ascoders

declare/npm.d.ts

@@ -72,3 +72,4 @@ declare module '@babel/plugin-proposal-optional-chaining';
 declare module '@babel/plugin-proposal-nullish-coalescing-operator';
 declare module '@babel/plugin-transform-react-display-name';
 declare module 'babel-plugin-react-wrapped-display-name';
+declare module 'enzyme-adapter-react-16';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pri",
-  "version": "4.0.20",
+  "version": "4.0.21",
   "types": "src/node/index.ts",
   "main": "built/node/index.js",
   "scripts": {
@@ -51,6 +51,7 @@
     "@koa/cors": "3.0.0",
     "@material-ui/core": "4.7.1",
     "@mdx-js/loader": "1.5.1",
+    "@types/enzyme": "^3.10.5",
     "@types/eslint": "^6.1.3",
     "@types/fs-extra": "8.0.1",
     "@types/highlight.js": "9.12.3",
@@ -72,6 +73,7 @@
     "@typescript-eslint/eslint-plugin": "2.10.0",
     "@typescript-eslint/parser": "2.10.0",
     "babel-core": "7.0.0-bridge.0",
+    "babel-jest": "25.1.0",
     "babel-loader": "8.0.6",
     "babel-plugin-react-css-modules": "5.2.6",
     "chokidar": "3.3.0",
@@ -81,6 +83,8 @@
     "conventional-changelog-cli": "^2.0.28",
     "cors": "2.8.5",
     "css-loader": "3.2.1",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.2",
     "eslint": "6.8.0",
     "eslint-config-airbnb-base": "14.0.0",
     "eslint-config-prettier": "6.10.0",
@@ -106,7 +110,7 @@
     "husky": "4.2.1",
     "inquirer": "7.0.0",
     "isomorphic-fetch": "2.2.1",
-    "jest": "24.9.0",
+    "jest": "25.1.0",
     "koa": "2.11.0",
     "koa-compress": "3.0.0",
     "koa-connect": "2.0.1",
@@ -141,7 +145,7 @@
     "url-join": "4.0.1",
     "url-loader": "3.0.0",
     "walk": "2.3.14",
-    "webpack": "4.41.5",
+    "webpack": "4.42.0",
     "webpack-bundle-analyzer": "3.6.0",
     "webpack-dev-server": "3.10.3",
     "webpack-node-externals": "1.7.2",

src/built-in-plugins/command-test/plugin/jest-setup.ts

@@ -0,0 +1,5 @@
+// setup file
+// import { configure } from 'enzyme';
+// import * as Adapter from 'enzyme-adapter-react-16';
+
+// configure({ adapter: new Adapter() });

src/built-in-plugins/command-test/plugin/jest-transformer.ts

@@ -0,0 +1,4 @@
+import * as babelJest from 'babel-jest';
+import { getBabelOptions } from '../../../utils/babel-options';
+
+module.exports = babelJest.createTransformer(getBabelOptions());

src/built-in-plugins/command-test/plugin/run-test.ts

@@ -11,6 +11,10 @@ export const runTest = async () => {
       findNearestNodemodulesFile('/.bin/jest'),
       `--testRegex "${path.join(pri.sourceRoot, testsPath.dir)}/.*\\.tsx?$"`,
       '--moduleFileExtensions ts tsx js jsx',
+      `--transform '${JSON.stringify({
+        [`${path.join(pri.sourceRoot, testsPath.dir)}/.*\\.tsx?$`]: path.join(__dirname, './jest-transformer'),
+      })}'`,
+      // `--setupFilesAfterEnv '${path.join(__dirname, './jest-setup')}'`,
       '--coverage',
     ]
       .map(each => {

src/built-in-plugins/ensure-project-files/plugin/ensure-project.ts

@@ -43,7 +43,7 @@ function ensureProjectEntry() {
 
 export function ensureTest() {
   pri.project.addProjectFiles({
-    fileName: path.join(pri.sourceRoot, testsPath.dir, 'index.ts'),
+    fileName: path.join(pri.sourceRoot, testsPath.dir, 'index.tsx'),
     pipeContent: async (prev: string) => {
       if (prev) {
         return prev;

src/utils/babel-options.ts

@@ -50,7 +50,7 @@ export function getBabelOptions(options?: Partial<DefaultOptions>) {
       [babelPluginProposalJsonStrings],
       [babelPluginProposalOptionalCatchBinding],
       // TODO: gulp don't support css module
-      ...(globalState.sourceConfig.type === 'project'
+      ...(globalState && globalState.sourceConfig && globalState.sourceConfig.type === 'project'
         ? [
             [
               babelPluginReactCssModules,