fix(testing): transform jsx failed when use React 18 (web-infra-dev#5047)

chenjiahan · web-flow · commit 7cbc90c11c80 · 2023-12-07T17:21:46.000+08:00
diff --git a/.changeset/wicked-colts-warn.md b/.changeset/wicked-colts-warn.md
@@ -0,0 +1,7 @@
+---
+'@modern-js/plugin-testing': patch
+---
+
+fix(testing): transform jsx failed when use React 18
+
+fix(testing): 修复使用 React 18 时 JSX 编译错误的问题
diff --git a/packages/runtime/plugin-testing/src/base/config/transformer/babelTransformer.ts b/packages/runtime/plugin-testing/src/base/config/transformer/babelTransformer.ts
@@ -1,4 +1,7 @@
 import babelJest from 'babel-jest';
+import { isBeyondReact17 } from '@modern-js/utils';
+
+const isNewJsx = isBeyondReact17(process.cwd());
 
 const babelTransformer = (babelJest.createTransformer as any)?.({
   presets: [
@@ -10,7 +13,12 @@ const babelTransformer = (babelJest.createTransformer as any)?.({
         },
       },
     ],
-    require.resolve('@babel/preset-react'),
+    [
+      require.resolve('@babel/preset-react'),
+      {
+        runtime: isNewJsx ? 'automatic' : 'classic',
+      },
+    ],
   ],
   configFile: false,
   babelrc: false,
