chore: migrate to vitest

.eslintignore

@@ -21,4 +21,3 @@ coverage
 **/*.d.ts
 # Scripts
 scripts/previewEditor/**/*
-jest-stare

.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
     'airbnb',
     'prettier',
     'plugin:compat/recommended',
-    'plugin:jest/recommended',
+    'plugin:vitest/recommended',
     'plugin:react/recommended',
     'plugin:import/typescript',
     'plugin:markdown/recommended',
@@ -12,7 +12,6 @@ module.exports = {
     browser: true,
     node: true,
     jasmine: true,
-    jest: true,
     es6: true,
   },
   settings: {
@@ -25,7 +24,15 @@ module.exports = {
     },
   },
   parser: '@typescript-eslint/parser',
-  plugins: ['react', '@babel', 'jest', '@typescript-eslint', 'react-hooks', 'unicorn', 'markdown'],
+  plugins: [
+    'react',
+    '@babel',
+    'vitest',
+    '@typescript-eslint',
+    'react-hooks',
+    'unicorn',
+    'markdown',
+  ],
   // https://github.com/typescript-eslint/typescript-eslint/issues/46#issuecomment-470486034
   overrides: [
     {
@@ -152,8 +159,10 @@ module.exports = {
           'scripts/**',
           '**/*.test.js',
           '**/__tests__/*',
+          '__mocks__/**',
           '*.config.js',
           '**/*.md',
+          'vitest*config.ts',
         ],
       },
     ],
@@ -179,12 +188,12 @@ module.exports = {
     'no-restricted-globals': 0,
     'max-classes-per-file': 0,
 
-    'jest/no-test-callback': 0,
-    'jest/expect-expect': 0,
-    'jest/no-done-callback': 0,
-    'jest/valid-title': 0,
-    'jest/no-conditional-expect': 0,
-    'jest/no-standalone-expect': 0,
+    'vitest/prefer-to-be': 0,
+    'vitest/expect-expect': 0,
+    'vitest/no-done-callback': 0,
+    'vitest/valid-title': 0,
+    'vitest/no-conditional-expect': 0,
+    'vitest/no-standalone-expect': 0,
 
     'unicorn/better-regex': 2,
     'unicorn/prefer-string-trim-start-end': 2,

.github/workflows/test.yml

@@ -191,7 +191,7 @@ jobs:
       # dom test
       - name: dom test
         if: ${{ matrix.module == 'dom' }}
-        run: npm test -- --maxWorkers=2 --shard=${{matrix.shard}} --coverage
+        run: npm test -- --shard=${{matrix.shard}} --coverage
 
       - name: persist coverages
         if: ${{ matrix.module == 'dom' && matrix.react == '17' }}
@@ -347,7 +347,7 @@ jobs:
       - name: test
         # lib only run in master branch not in pull request
         if: ${{ github.event_name != 'pull_request' || matrix.module != 'lib' }}
-        run: npm test -- --maxWorkers=2 --shard=${{matrix.shard}}
+        run: npm test -- --shard=${{matrix.shard}}
         env:
           LIB_DIR: ${{ matrix.module }}
     needs: compile

.gitignore

@@ -58,7 +58,6 @@ components/version/token-meta.json
 # Image snapshot diff
 __diff_output__/
 __image_snapshots__/
-/jest-stare
 /imageSnapshots
 /imageDiffSnapshots
 

tests/__mocks__/@rc-component/trigger.tsx → __mocks__/@rc-component/trigger.tsx

@@ -1,16 +1,17 @@
 import type { TriggerProps } from '@rc-component/trigger';
-import MockTrigger from '@rc-component/trigger/lib/mock';
+import MockTrigger from '@rc-component/trigger/es/mock';
 import * as React from 'react';
-import { TriggerMockContext } from '../../shared/demoTestContext';
+import { TriggerMockContext } from '../../tests/shared/demoTestContext';
 
-let OriginTrigger = jest.requireActual('@rc-component/trigger');
-OriginTrigger = OriginTrigger.default ?? OriginTrigger;
+const { default: OriginTrigger } = await vi.importActual<typeof import('@rc-component/trigger')>(
+  '@rc-component/trigger',
+);
 
 const ForwardTrigger = React.forwardRef<any, TriggerProps>((props, ref) => {
   const context = React.useContext(TriggerMockContext);
 
   const mergedPopupVisible = context?.popupVisible ?? props.popupVisible;
-  (global as any).triggerProps = props;
+  globalThis.triggerProps = props;
 
   const mergedProps = {
     ...props,

tests/__mocks__/rc-util/lib/Portal.tsx → __mocks__/rc-util/es/Portal.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { TriggerMockContext } from '../../../shared/demoTestContext';
+import { TriggerMockContext } from '../../../tests/shared/demoTestContext';
+
+const { default: OriginPortal } = await vi.importActual<typeof import('rc-util/es/Portal')>('rc-util/es/Portal');
 
-let OriginPortal = jest.requireActual('rc-util/lib/Portal');
-OriginPortal = OriginPortal.default ?? OriginPortal;
 class MockPortal extends React.Component<{ children?: React.ReactNode }> {
   container: boolean;
 

__mocks__/rc-virtual-list.ts

@@ -0,0 +1,3 @@
+import Mock from 'rc-virtual-list/es/mock';
+
+export default Mock;

components/__tests__/__snapshots__/index.test.ts.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`antd exports modules correctly 1`] = `
+exports[`antd > exports modules correctly 1`] = `
 [
   "Affix",
   "Alert",
@@ -37,7 +37,9 @@ exports[`antd exports modules correctly 1`] = `
   "List",
   "Mentions",
   "Menu",
+  "message",
   "Modal",
+  "notification",
   "Pagination",
   "Popconfirm",
   "Popover",
@@ -59,6 +61,7 @@ exports[`antd exports modules correctly 1`] = `
   "Table",
   "Tabs",
   "Tag",
+  "theme",
   "TimePicker",
   "Timeline",
   "Tooltip",
@@ -68,10 +71,7 @@ exports[`antd exports modules correctly 1`] = `
   "TreeSelect",
   "Typography",
   "Upload",
-  "Watermark",
-  "message",
-  "notification",
-  "theme",
   "version",
+  "Watermark",
 ]
 `;

components/__tests__/__snapshots__/setup.test.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`SetUp.Test diff of React 18 & React 17 1`] = `
+exports[`SetUp.Test > diff of React 18 & React 17 1`] = `
 NodeList [
   <div>
   bamboo

components/__tests__/index.test.ts

@@ -1,6 +1,7 @@
+import * as antd from '..';
+
 const OLD_NODE_ENV = process.env.NODE_ENV;
 process.env.NODE_ENV = 'development';
-const antd = require('..');
 
 describe('antd', () => {
   afterAll(() => {

components/__tests__/node.test.tsx

@@ -3,21 +3,24 @@ import * as React from 'react';
 import { renderToString } from 'react-dom/server';
 import type { Options } from '../../tests/shared/demoTest';
 
-(global as any).testConfig = {};
+globalThis.testConfig = {};
 
-jest.mock('../../tests/shared/demoTest', () => {
+vi.mock('../../tests/shared/demoTest', () => {
   function fakeDemoTest(name: string, option: Options = {}) {
-    (global as any).testConfig[name] = option;
+    globalThis.testConfig[name] = option;
   }
 
   fakeDemoTest.rootPropsTest = () => {};
 
-  return fakeDemoTest;
+  return {
+    default: fakeDemoTest,
+    rootPropsTest: () => {},
+  };
 });
 
 describe('node', () => {
   beforeAll(() => {
-    jest.useFakeTimers().setSystemTime(new Date('2016-11-22'));
+    vi.useFakeTimers().setSystemTime(new Date('2016-11-22'));
   });
 
   // Find the component exist demo test file
@@ -27,23 +30,27 @@ describe('node', () => {
     const componentName = componentTestFile.match(/components\/([^/]*)\//)![1];
 
     // Test for ssr
-    describe(componentName, () => {
+    // eslint-disable-next-line vitest/valid-describe-callback
+    describe(componentName, async () => {
       const demoList = globSync(`./components/${componentName}/demo/*.tsx`);
 
       // Use mock to get config
-      require(`../../${componentTestFile}`); // eslint-disable-line global-require, import/no-dynamic-require
-      const option = (global as any).testConfig?.[componentName];
-
+      await import(`../../${componentTestFile}`);
       demoList.forEach((demoFile) => {
+        const option = globalThis.testConfig?.[componentName];
         const skip: string[] = option?.skip || [];
         const test = skip.some((skipMarkdown) => demoFile.includes(skipMarkdown)) ? it.skip : it;
 
-        test(demoFile, () => {
-          const Demo = require(`../../${demoFile}`).default; // eslint-disable-line global-require, import/no-dynamic-require
-          expect(() => {
-            renderToString(<Demo />);
-          }).not.toThrow();
-        });
+        test(
+          demoFile,
+          async () => {
+            const Demo = (await import(`../../${demoFile}`)).default;
+            expect(() => {
+              renderToString(<Demo />);
+            }).not.toThrow();
+          },
+          15000,
+        );
       });
     });
   });