fix(testing): jest unexpected token error for @modern-js/runtime (#4070)

web-infra-dev · Jun 28, 2023 · dda37bf · dda37bf
1 parent 99a4833
commit dda37bf
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 0 deletions.
diff --git a/.changeset/orange-horses-wonder.md b/.changeset/orange-horses-wonder.md
@@ -0,0 +1,6 @@
+---
+'@modern-js/plugin-testing': patch
+---
+
+fix: jest unexpected token error for @modern-js/runtime
+fix: 修复 Jest 对于 @modern-js/runtime 出现 unexpected token 的错误
diff --git a/packages/runtime/plugin-testing/src/cli/index.ts b/packages/runtime/plugin-testing/src/cli/index.ts
@@ -26,6 +26,26 @@ export const mergeUserJestConfig = (testUtils: TestConfigOperator) => {
   }
 };
 
+export const getJestTransformEsModulesRegStr = () => {
+  const esmModulesInPnpm = [
+    '@modern-js\\+runtime@',
+    '@modern-js\\+plugin@',
+    // @modern-js-reduck+store, @modern-js-reduck+effects and so on
+    '@modern-js-reduck',
+    '@babel\\+runtime@',
+  ];
+  // yarn or npm
+  const esmModules = [
+    '@modern-js/runtime',
+    '@modern-js/plugin',
+    '@modern-js-reduck',
+    '@babel/runtime',
+  ];
+  return `node_modules/(?!(\\.pnpm/(${esmModulesInPnpm.join(
+    '|',
+  )}))|(${esmModules.join('|')}))`;
+};
+
 export const testingPlugin = (): CliPlugin<{
   hooks: Hooks;
   userConfig: UserConfig;
@@ -128,6 +148,7 @@ export const testingPlugin = (): CliPlugin<{
               `<rootDir>/src/**/*.test.[jt]s?(x)`,
               `<rootDir>/tests/**/*.test.[jt]s?(x)`,
             ],
+            transformIgnorePatterns: [getJestTransformEsModulesRegStr()],
           });
 
           mergeUserJestConfig(utils);

diff --git a/packages/runtime/plugin-testing/tests/jestTransformEsModueRegExpStr.test.ts b/packages/runtime/plugin-testing/tests/jestTransformEsModueRegExpStr.test.ts
@@ -0,0 +1,25 @@
+import { getJestTransformEsModulesRegStr } from '../src/cli';
+
+describe('Jest transform esModules RegExp String ', () => {
+  const r = new RegExp(getJestTransformEsModulesRegStr());
+  it('In pnpm project', () => {
+    expect(r.test('node_modules/.pnpm/@modern-js+runtime@0.0.0')).toBeFalsy();
+    expect(r.test('node_modules/.pnpm/@modern-js+plugin@0.0.0')).toBeFalsy();
+    expect(
+      r.test('node_modules/.pnpm/@modern-js-reduck+store@0.0.0'),
+    ).toBeFalsy();
+    expect(
+      r.test('node_modules/.pnpm/@modern-js-reduck+plugin-effects@0.0.0'),
+    ).toBeFalsy();
+    expect(r.test('node_modules/apnpm/@modern-js+runtime@0.0.0')).toBeTruthy();
+    expect(r.test('node_modules/.pnpm/webpack')).toBeTruthy();
+  });
+
+  it('In npm or yarn@1 project', () => {
+    expect(r.test('node_modules/@modern-js/runtime')).toBeFalsy();
+    expect(r.test('node_modules/@modern-js/plugin')).toBeFalsy();
+    expect(r.test('node_modules/@modern-js-reduck/store')).toBeFalsy();
+    expect(r.test('node_modules/@modern-js-reduck/plugin-effects')).toBeFalsy();
+    expect(r.test('node_modules/webpack')).toBeTruthy();
+  });
+});