Revert "chore: migrate to vitest (ant-design#42506)" (ant-design#42900)

This reverts commit 6759887.

.eslintignore

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

.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
     'airbnb',
     'prettier',
     'plugin:compat/recommended',
-    'plugin:vitest/recommended',
+    'plugin:jest/recommended',
     'plugin:react/recommended',
     'plugin:import/typescript',
     'plugin:markdown/recommended',
@@ -12,6 +12,7 @@ module.exports = {
     browser: true,
     node: true,
     jasmine: true,
+    jest: true,
     es6: true,
   },
   settings: {
@@ -24,15 +25,7 @@ module.exports = {
     },
   },
   parser: '@typescript-eslint/parser',
-  plugins: [
-    'react',
-    '@babel',
-    'vitest',
-    '@typescript-eslint',
-    'react-hooks',
-    'unicorn',
-    'markdown',
-  ],
+  plugins: ['react', '@babel', 'jest', '@typescript-eslint', 'react-hooks', 'unicorn', 'markdown'],
   // https://github.com/typescript-eslint/typescript-eslint/issues/46#issuecomment-470486034
   overrides: [
     {
@@ -159,10 +152,8 @@ module.exports = {
           'scripts/**',
           '**/*.test.js',
           '**/__tests__/*',
-          '__mocks__/**',
           '*.config.js',
           '**/*.md',
-          'vitest*config.ts',
         ],
       },
     ],
@@ -188,12 +179,12 @@ module.exports = {
     'no-restricted-globals': 0,
     'max-classes-per-file': 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,
+    '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,
 
     '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 -- --shard=${{matrix.shard}} --coverage
+        run: npm test -- --maxWorkers=2 --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 -- --shard=${{matrix.shard}}
+        run: npm test -- --maxWorkers=2 --shard=${{matrix.shard}}
         env:
           LIB_DIR: ${{ matrix.module }}
     needs: compile

.gitignore

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

.jest.image.js

@@ -0,0 +1,23 @@
+const { moduleNameMapper, transformIgnorePatterns } = require('./.jest');
+
+// jest config for image snapshots
+module.exports = {
+  setupFiles: ['./tests/setup.js'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'md'],
+  moduleNameMapper,
+  transform: {
+    '\\.tsx?$': './node_modules/@ant-design/tools/lib/jest/codePreprocessor',
+    '\\.js$': './node_modules/@ant-design/tools/lib/jest/codePreprocessor',
+    '\\.md$': './node_modules/@ant-design/tools/lib/jest/demoPreprocessor',
+    '\\.(jpg|png|gif|svg)$': './node_modules/@ant-design/tools/lib/jest/imagePreprocessor',
+  },
+  testRegex: 'image\\.test\\.(j|t)s$',
+  transformIgnorePatterns,
+  globals: {
+    'ts-jest': {
+      tsConfigFile: './tsconfig.test.json',
+    },
+  },
+  preset: 'jest-puppeteer',
+  testTimeout: 10000,
+};

.jest.js

@@ -0,0 +1,68 @@
+const compileModules = ['react-sticky-box', 'rc-tween-one', '@babel', '@ant-design', 'countup.js'];
+
+const ignoreList = [];
+
+// cnpm use `_` as prefix
+['', '_'].forEach((prefix) => {
+  compileModules.forEach((module) => {
+    ignoreList.push(`${prefix}${module}`);
+  });
+});
+
+const transformIgnorePatterns = [
+  // Ignore modules without es dir.
+  // Update: @babel/runtime should also be transformed
+  `/node_modules/(?!${ignoreList.join('|')})[^/]+?/(?!(es)/)`,
+];
+
+function getTestRegex(libDir) {
+  if (['dist', 'lib', 'es'].includes(libDir)) {
+    return 'demo\\.test\\.(j|t)sx?$';
+  }
+  return '.*\\.test\\.(j|t)sx?$';
+}
+
+module.exports = {
+  verbose: true,
+  testEnvironment: 'jsdom',
+  setupFiles: ['./tests/setup.js', 'jest-canvas-mock'],
+  setupFilesAfterEnv: ['./tests/setupAfterEnv.ts'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'md'],
+  modulePathIgnorePatterns: ['/_site/'],
+  moduleNameMapper: {
+    '/\\.(css|less)$/': 'identity-obj-proxy',
+    '^antd$': '<rootDir>/components/index',
+    '^antd/es/(.*)$': '<rootDir>/components/$1',
+  },
+  testPathIgnorePatterns: ['/node_modules/', 'dekko', 'node', 'image.test.js', 'image.test.ts'],
+  transform: {
+    '\\.tsx?$': './node_modules/@ant-design/tools/lib/jest/codePreprocessor',
+    '\\.(m?)js$': './node_modules/@ant-design/tools/lib/jest/codePreprocessor',
+    '\\.md$': './node_modules/@ant-design/tools/lib/jest/demoPreprocessor',
+    '\\.(jpg|png|gif|svg)$': './node_modules/@ant-design/tools/lib/jest/imagePreprocessor',
+  },
+  testRegex: getTestRegex(process.env.LIB_DIR),
+  collectCoverageFrom: [
+    'components/**/*.{ts,tsx}',
+    '!components/*/style/index.tsx',
+    '!components/style/index.tsx',
+    '!components/*/locale/index.tsx',
+    '!components/*/__tests__/type.test.tsx',
+    '!components/**/*/interface.{ts,tsx}',
+    '!components/*/__tests__/image.test.{ts,tsx}',
+    '!components/__tests__/node.test.tsx',
+    '!components/*/demo/*.tsx',
+    '!components/*/design/**',
+  ],
+  transformIgnorePatterns,
+  globals: {
+    'ts-jest': {
+      tsConfig: './tsconfig.test.json',
+    },
+  },
+  testEnvironmentOptions: {
+    url: 'http://localhost',
+  },
+  // bail: true,
+  maxWorkers: '50%',
+};

.jest.node.js

@@ -0,0 +1,19 @@
+const { moduleNameMapper, transformIgnorePatterns } = require('./.jest');
+
+// jest config for server render environment
+module.exports = {
+  setupFiles: ['./tests/setup.js'],
+  setupFilesAfterEnv: ['./tests/setupAfterEnv.ts'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'md'],
+  moduleNameMapper,
+  transform: {
+    '\\.tsx?$': './node_modules/@ant-design/tools/lib/jest/codePreprocessor',
+    '\\.js$': './node_modules/@ant-design/tools/lib/jest/codePreprocessor',
+    '\\.md$': './node_modules/@ant-design/tools/lib/jest/demoPreprocessor',
+    '\\.(jpg|png|gif|svg)$': './node_modules/@ant-design/tools/lib/jest/imagePreprocessor',
+  },
+  testRegex: 'node\\.test\\.(j|t)sx$',
+  testEnvironment: 'node',
+  transformIgnorePatterns,
+  // bail: true,
+};

.jest.site.js

@@ -0,0 +1,21 @@
+const { moduleNameMapper, transformIgnorePatterns } = require('./.jest');
+
+// jest config for server render environment
+module.exports = {
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'md'],
+  moduleNameMapper,
+  transform: {
+    '\\.tsx?$': './node_modules/@ant-design/tools/lib/jest/codePreprocessor',
+    '\\.js$': './node_modules/@ant-design/tools/lib/jest/codePreprocessor',
+    '\\.md$': './node_modules/@ant-design/tools/lib/jest/demoPreprocessor',
+    '\\.(jpg|png|gif|svg)$': './node_modules/@ant-design/tools/lib/jest/imagePreprocessor',
+  },
+  testRegex: 'check-site\\.(j|t)s$',
+  testEnvironment: 'node',
+  transformIgnorePatterns,
+  globals: {
+    'ts-jest': {
+      tsConfigFile: './tsconfig.test.json',
+    },
+  },
+};

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

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

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

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

components/_util/PurePanel.tsx

@@ -7,7 +7,7 @@ export interface BaseProps {
   style?: React.CSSProperties;
 }
 
-/* c8 ignore start */
+/* istanbul ignore next */
 export default function genPurePanel<ComponentProps extends BaseProps>(
   Component: any,
   defaultPrefixCls?: string,
@@ -96,4 +96,3 @@ export default function genPurePanel<ComponentProps extends BaseProps>(
     );
   } as typeof Component;
 }
-/* c8 ignore stop */