chore: jest 使用 @swc/jest 编译，提升性能

lhtuling · Feb 2, 2024 · dc76dda · dc76dda
1 parent d6208f8
commit dc76dda
Show file tree

Hide file tree

Showing 20 changed files with 213 additions and 59 deletions.
diff --git a/.swcrc b/.swcrc
@@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true,
+      "react": {
+        "runtime": "classic"
+      }
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": false
+  },
+  "sourceMaps": true,
+  "minify": false
+}
diff --git a/README.md b/README.md
@@ -63,7 +63,13 @@ npm test --workspaces
 
 # 测试某个用例
 # <spec-name>为用例名称，比如inputImage
-npm test --workspace amis <spec-name>
+npm test --workspace amis -- -t <spec-name>
+
+# 运行某个单测文件
+./node_modules/.bin/jest packages/amis/__tests__/renderers/Form/buttonToolBar.test.tsx
+
+# 运行某个单测文件里的某个例子
+./node_modules/.bin/jest packages/amis/__tests__/renderers/Form/buttonToolBar.test.tsx -t 'Renderer:button-toolbar'
 
 # 查看测试用例覆盖率
 npm run coverage
@@ -73,7 +79,7 @@ npm run update-snapshot
 
 # 更新单个 snapshot
 # <spec-name>为用例名称，比如inputImage
-npm run update-snapshot --workspace amis <spec-name>
+npm run update-snapshot --workspace amis -- -t  <spec-name>
 ```
 
 ### 发布版本

diff --git a/package.json b/package.json
@@ -52,6 +52,9 @@
     "@babel/types": "^7.22.5",
     "@fortawesome/fontawesome-free": "^6.1.1",
     "@rollup/plugin-replace": "^5.0.1",
+    "@swc/core": "^1.3.107",
+    "@swc/helpers": "^0.5.3",
+    "@swc/jest": "^0.2.34",
     "@types/express": "^4.17.14",
     "@types/jest": "^28.1.0",
     "@types/js-yaml": "^4.0.5",
@@ -117,7 +120,9 @@
       "tsx",
       "js"
     ],
-    "preset": "ts-jest",
+    "transform": {
+      "^.+\\.(t|j)sx?$": "@swc/jest"
+    },
     "setupFiles": [
       "jest-canvas-mock"
     ],
@@ -144,4 +149,4 @@
       "printBasicPrototype": false
     }
   }
-}
+}
diff --git a/packages/amis-core/.swcrc b/packages/amis-core/.swcrc
@@ -0,0 +1,22 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true,
+      "react": {
+        "runtime": "classic"
+      }
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": false
+  },
+  "minify": false
+}
diff --git a/packages/amis-core/package.json b/packages/amis-core/package.json
@@ -85,12 +85,7 @@
       "js"
     ],
     "transform": {
-      "\\.(ts|tsx)$": [
-        "ts-jest",
-        {
-          "diagnostics": false
-        }
-      ]
+      "^.+\\.(t|j)sx?$": "@swc/jest"
     },
     "setupFiles": [
       "jest-canvas-mock"
@@ -109,4 +104,4 @@
     ]
   },
   "gitHead": "37d23b4a8eb1c663bc38e8dd9040889ea1526ec4"
-}
+}
diff --git a/packages/amis-formula/package.json b/packages/amis-formula/package.json
@@ -95,12 +95,7 @@
       "js"
     ],
     "transform": {
-      "\\.(ts|tsx)$": [
-        "ts-jest",
-        {
-          "diagnostics": false
-        }
-      ]
+      "^.+\\.(t|j)sx?$": "@swc/jest"
     },
     "setupFiles": [
       "jest-canvas-mock"
@@ -119,4 +114,4 @@
     }
   },
   "gitHead": "37d23b4a8eb1c663bc38e8dd9040889ea1526ec4"
-}
+}
diff --git a/packages/amis-ui/package.json b/packages/amis-ui/package.json
@@ -123,12 +123,7 @@
       "js"
     ],
     "transform": {
-      "\\.(ts|tsx)$": [
-        "ts-jest",
-        {
-          "diagnostics": false
-        }
-      ]
+      "^.+\\.(t|j)sx?$": "@swc/jest"
     },
     "setupFiles": [
       "jest-canvas-mock"
@@ -148,4 +143,4 @@
     ]
   },
   "gitHead": "37d23b4a8eb1c663bc38e8dd9040889ea1526ec4"
-}
+}
diff --git a/packages/amis/.swcrc b/packages/amis/.swcrc
@@ -0,0 +1,22 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true,
+      "react": {
+        "runtime": "classic"
+      }
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": false
+  },
+  "minify": false
+}
diff --git a/packages/amis/__tests__/event-action/dialog.test.tsx b/packages/amis/__tests__/event-action/dialog.test.tsx
@@ -5,7 +5,8 @@ import {makeEnv, wait} from '../helper';
 
 test('1. EventAction:dialog args', async () => {
   const notify = jest.fn();
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -142,6 +143,8 @@ test('1. EventAction:dialog args', async () => {
       })
     )
   );
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
 
   // events
   fireEvent.click(getByText('打开弹窗'));
@@ -222,7 +225,8 @@ test('1. EventAction:dialog args', async () => {
 
 test('2. EventAction:dialog', async () => {
   const notify = jest.fn();
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -356,6 +360,9 @@ test('2. EventAction:dialog', async () => {
     )
   );
 
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
+
   // events
   fireEvent.click(getByText('打开弹窗'));
   expect(container).toMatchSnapshot();
@@ -434,7 +441,8 @@ test('2. EventAction:dialog', async () => {
 }, 7000);
 
 test('3. EventAction:dialog data', async () => {
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -480,7 +488,8 @@ test('3. EventAction:dialog data', async () => {
       })
     )
   );
-
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
   // events
   fireEvent.click(getByText('打开弹窗'));
   await waitFor(() => {
@@ -491,7 +500,8 @@ test('3. EventAction:dialog data', async () => {
 }, 7000);
 
 test('4. EventAction:dialog data2', async () => {
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -535,6 +545,8 @@ test('4. EventAction:dialog data2', async () => {
       })
     )
   );
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
 
   // events
   fireEvent.click(getByText('打开弹窗'));

diff --git a/packages/amis/__tests__/event-action/drawer.test.tsx b/packages/amis/__tests__/event-action/drawer.test.tsx
@@ -5,7 +5,8 @@ import {makeEnv, wait} from '../helper';
 
 test('EventAction:drawer args', async () => {
   const notify = jest.fn();
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -142,6 +143,8 @@ test('EventAction:drawer args', async () => {
       })
     )
   );
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
 
   // events
   fireEvent.click(getByText('打开抽屉'));
@@ -222,7 +225,8 @@ test('EventAction:drawer args', async () => {
 
 test('EventAction:drawer', async () => {
   const notify = jest.fn();
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -356,6 +360,9 @@ test('EventAction:drawer', async () => {
     )
   );
 
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
+
   // events
   fireEvent.click(getByText('打开抽屉'));
   expect(container).toMatchSnapshot();
@@ -434,7 +441,8 @@ test('EventAction:drawer', async () => {
 }, 7000);
 
 test('EventAction:drawer data', async () => {
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -480,6 +488,8 @@ test('EventAction:drawer data', async () => {
       })
     )
   );
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
 
   // events
   fireEvent.click(getByText('打开抽屉'));
@@ -491,7 +501,8 @@ test('EventAction:drawer data', async () => {
 }, 7000);
 
 test('EventAction:drawer data2', async () => {
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -536,6 +547,9 @@ test('EventAction:drawer data2', async () => {
     )
   );
 
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
+
   // events
   fireEvent.click(getByText('打开抽屉'));
   await waitFor(() => {

diff --git a/packages/amis/__tests__/event-action/prevent.test.tsx b/packages/amis/__tests__/event-action/prevent.test.tsx
@@ -16,7 +16,8 @@ test('EventAction:prevent', async () => {
       }
     })
   );
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -84,6 +85,8 @@ test('EventAction:prevent', async () => {
       })
     )
   );
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
 
   fireEvent.click(getByText('打开弹窗'));
   await waitFor(() => {
@@ -111,7 +114,8 @@ test('EventAction:ignoreError', async () => {
       }
     })
   );
-  const {getByText, container}: any = render(
+  let container: HTMLElement;
+  const renderResult: any = render(
     amisRender(
       {
         type: 'page',
@@ -156,6 +160,8 @@ test('EventAction:ignoreError', async () => {
       })
     )
   );
+  const getByText = renderResult.getByText;
+  container = renderResult.container;
 
   fireEvent.click(getByText('按钮'));
   await waitFor(() => {