feat(test): jest support runtime plugin init (#9131)

* chore(examples-test): 🔧 enable request plugin * test(example-test): ✅ add requets test case * chore: 🔧 update jest config * refactor: 🎨 add umi runtime plugin init in jest setup * feat: ✨ add test-setup for umi * feat(umi-preset): ✨ generate setup using internal test-setup * test(example-test): ✅ using internal test-setup.js * chore: ⬆️ update npnm-lock * fix(perset-umi): 🐛 @@ tsc error * chore: 🔥 remove blank lines * chore: ⬆️ update npnm-lock Co-authored-by: pshu <pishu.spf@antfin.com>
umijs · Aug 31, 2022 · b912bbe · b912bbe
1 parent 1debeca
commit b912bbe
Show file tree

Hide file tree

Showing 10 changed files with 1,218 additions and 1,267 deletions.
diff --git a/examples/test-test/.umirc.ts b/examples/test-test/.umirc.ts
@@ -1,10 +1,11 @@
 export default {
   npmClient: 'pnpm',
-  plugins: ['@umijs/plugins/dist/dva'],
+  plugins: ['@umijs/plugins/dist/dva', '@umijs/plugins/dist/request'],
   dva: {
     immer: {
       enableES5: true,
       enableAllPlugins: true,
     },
   },
+  request: {},
 };
diff --git a/examples/test-test/importFromUmiSmoke.test.ts b/examples/test-test/importFromUmiSmoke.test.ts
@@ -1,8 +1,12 @@
 // @ts-ignore
 import { connect } from 'dva';
-import { useAppData } from 'umi';
-
+import { useAppData, request } from 'umi';
 test('import from umi works', () => {
   expect(useAppData).toBeDefined();
   expect(connect).toBeDefined();
 });
+
+test('import request from umi works', () => {
+  expect(request).toBeTruthy();
+  request(`https://registry.npmjs.com/umi/2.0.0`);
+});
diff --git a/examples/test-test/jest-setup.ts b/examples/test-test/jest-setup.ts
@@ -1 +1,2 @@
 import '@testing-library/jest-dom';
+import 'umi/test-setup';
diff --git a/examples/test-test/jest.config.ts b/examples/test-test/jest.config.ts
@@ -1,24 +1,29 @@
 import { Config, configUmiAlias, createConfig } from 'umi/test';
 
-const jestConfig = createConfig({
-  target: 'browser',
-  jsTransformer: 'esbuild',
-  jsTransformerOpts: { jsx: 'automatic' },
-});
-
 export default async () => {
   return (await configUmiAlias({
-    ...jestConfig,
+    ...createConfig({
+      target: 'browser',
+      jsTransformer: 'esbuild',
+      // config opts for esbuild , it will pass to esbuild directly
+      jsTransformerOpts: { jsx: 'automatic' },
+    }),
     setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],
     collectCoverageFrom: [
       '**/*.{ts,tsx,js,jsx}',
       '!.umi/**',
       '!.umi-test/**',
-      '!coverage/**',
+      '!.umi-production/**',
       '!.umirc.{js,ts}',
       '!.umirc.*.{js,ts}',
       '!jest.config.{js,ts}',
+      '!coverage/**',
+      '!dist/**',
+      '!config/**',
+      '!mock/**',
     ],
+    // if you require some es-module npm package, please uncomment below line and insert your package name
+    // transformIgnorePatterns: ['node_modules/(?!.*(lodash-es|your-es-pkg-name)/)']
     coverageThreshold: {
       global: {
         lines: 1,

diff --git a/examples/test-test/package.json b/examples/test-test/package.json
@@ -13,10 +13,10 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13",
-    "@types/jest": "^27.5.1",
+    "@types/jest": "^27",
     "@types/testing-library__jest-dom": "^5.14.5",
     "jest": "^27",
     "ts-node": "^10",
-    "typescript": "^4.7.2"
+    "typescript": "^4"
   }
 }
diff --git a/packages/max/test-setup.js b/packages/max/test-setup.js
@@ -0,0 +1 @@
+require('umi/test-setup');
diff --git a/packages/preset-umi/src/commands/generators/jest.ts b/packages/preset-umi/src/commands/generators/jest.ts
@@ -35,6 +35,7 @@ export default (api: IApi) => {
 
       const hasSrc = api.paths.absSrcPath.endsWith('src');
 
+      const importSource = api.appData.umi.importSource;
       const basicDeps = {
         jest: '^27',
         '@types/jest': '^27',
@@ -53,16 +54,15 @@ export default (api: IApi) => {
       h.addDevDeps(packageToInstall);
       h.addScript('test', 'jest');
 
-      if (res.willUseTLR) {
-        writeFileSync(
-          join(api.cwd, 'jest-setup.ts'),
-          `import '@testing-library/jest-dom';
-          `.trimLeft(),
-        );
-        logger.info('Write jest-setup.ts');
-      }
+      const setupImports = res.willUseTLR
+        ? [
+            `import '@testing-library/jest-dom';`,
+            `import '${api.appData.umi.importSource}/test-setup'`,
+          ]
+        : [`import '${api.appData.umi.importSource}/test-setup'`];
 
-      const importSource = api.appData.umi.importSource;
+      writeFileSync(join(api.cwd, 'jest-setup.ts'), setupImports.join('\n'));
+      logger.info('Write jest-setup.ts');
 
       const collectCoverageFrom = hasSrc
         ? [
@@ -99,9 +99,9 @@ export default async () => {
       jsTransformerOpts: { jsx: 'automatic' },
     }),
     ${res.willUseTLR ? `setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],` : ''}
-    collectCoverageFrom: [${collectCoverageFrom
-      .map((v) => `'${v}'`)
-      .join(', ')}],
+    collectCoverageFrom: [
+${collectCoverageFrom.map((v) => `      '${v}'`).join(',\n')}
+    ],
     // if you require some es-module npm package, please uncomment below line and insert your package name
     // transformIgnorePatterns: ['node_modules/(?!.*(lodash-es|your-es-pkg-name)/)']
   })) as Config.InitialOptions;

diff --git a/packages/umi/src/test-setup.ts b/packages/umi/src/test-setup.ts
@@ -0,0 +1,4 @@
+// @ts-ignore
+import { createPluginManager } from '@@/core/plugin';
+
+createPluginManager();
diff --git a/packages/umi/test-setup.js b/packages/umi/test-setup.js
@@ -0,0 +1 @@
+require('./dist/test-setup');