chore: migrate jest to vitest (#989)

* feat: first

* fix: should get scrollbar size

* fix: Sticky scroll with getContainer

* fix: sticky.spec.jsx tests

* fix: FixedHeader.spec.jsx tests

* fix: remove comment

* fix: should use clientX

* fix: remove comment

* feat: update tests

* test: update

* test: revert

Author: Dunqing

.github/workflows/main.yml

@@ -108,6 +108,6 @@ jobs:
           key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
 
       - name: coverage
-        run: npm test -- --coverage && bash <(curl -s https://codecov.io/bash)
+        run: npm run coverage && bash <(curl -s https://codecov.io/bash)
 
     needs: setup

.gitignore

@@ -32,7 +32,7 @@ package-lock.json
 es/
 .storybook
 .doc
-!tests/__mocks__/rc-util/lib
+!__mocks__/rc-util/lib
 examples/debug.tsx
 .history
 ~*
@@ -42,4 +42,4 @@ examples/debug.tsx
 .umi-production
 .umi-test
 .env.local
-.dumi
+.dumi

…_mocks__/rc-util/lib/getScrollBarSize.ts __mocks__/rc-util/lib/getScrollBarSize.tstests/__mocks__/rc-util/lib/getScrollBarSize.ts renamed to __mocks__/rc-util/lib/getScrollBarSize.ts tests/__mocks__/rc-util/lib/getScrollBarSize.ts renamed to __mocks__/rc-util/lib/getScrollBarSize.ts

@@ -40,8 +40,8 @@
     "compile": "father build && lessc assets/index.less assets/index.css",
     "deploy": "npm run docs:build && npm run docs:deploy",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-    "test": "rc-test",
-    "coverage": "rc-test --coverage",
+    "test": "vitest",
+    "coverage": "vitest run --coverage",
     "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
     "lint": "eslint src/ --ext .tsx,.ts",
     "lint:tsc": "tsc -p tsconfig.json --noEmit",
@@ -63,7 +63,6 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
     "@types/enzyme": "^3.10.5",
-    "@types/jest": "^28.1.2",
     "@types/react": "^17.0.35",
     "@types/react-dom": "^18.0.5",
     "@types/responselike": "^1.0.0",
@@ -86,7 +85,6 @@
     "rc-animate": "^3.0.0",
     "rc-dropdown": "~4.0.1",
     "rc-menu": "~9.6.0",
-    "rc-test": "^7.0.14",
     "rc-tooltip": "^5.2.1",
     "react": "^16.0.0",
     "react-dnd": "^2.5.4",
@@ -97,7 +95,11 @@
     "react-window": "^1.8.5",
     "regenerator-runtime": "^0.13.7",
     "styled-components": "^5.0.1",
-    "typescript": "^4.8.4"
+    "typescript": "^4.8.4",
+    "@vitest/coverage-c8": "^0.31.0",
+    "@types/testing-library__jest-dom": "^5.14.5",
+    "jsdom": "^22.0.0",
+    "vitest": "^0.31.0"
   },
   "lint-staged": {
     "**/*.{js,jsx,tsx,ts,md,json}": [

jest.config.js

@@ -1,10 +1,10 @@
+import { useContext } from '@rc-component/context';
 import classNames from 'classnames';
 import addEventListener from 'rc-util/lib/Dom/addEventListener';
 import { getOffset } from 'rc-util/lib/Dom/css';
 import getScrollBarSize from 'rc-util/lib/getScrollBarSize';
 import * as React from 'react';
 import TableContext from './context/TableContext';
-import { useContext } from '@rc-component/context';
 import { useLayoutState } from './hooks/useFrame';
 
 interface StickyScrollBarProps {

package.json

@@ -1,5 +1,5 @@
-import React from 'react';
 import { mount } from 'enzyme';
+import React from 'react';
 import Table, { INTERNAL_COL_DEFINE } from '../src';
 
 describe('Table.ColGroup', () => {

src/stickyScrollBar.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
 import { mount } from 'enzyme';
 import { resetWarned } from 'rc-util/lib/warning';
+import React from 'react';
 import Table from '../src';
 
 describe('Table.Deprecated', () => {
   let errorSpy;
 
   beforeAll(() => {
-    errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
   });
 
   beforeEach(() => {
@@ -34,7 +34,7 @@ describe('Table.Deprecated', () => {
       removedProp => {
         it(`warning for '${removedProp}'`, () => {
           const props = {
-            [removedProp]: jest.fn(),
+            [removedProp]: vi.fn(),
           };
           mount(<Table {...props} />);
 

tests/ColSpan.spec.js tests/ColSpan.spec.jsxtests/ColSpan.spec.js renamed to tests/ColSpan.spec.jsx

@@ -1,8 +1,8 @@
-import React from 'react';
 import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { resetWarned } from 'rc-util/lib/warning';
 import { spyElementPrototype } from 'rc-util/lib/test/domHook';
+import { resetWarned } from 'rc-util/lib/warning';
+import React from 'react';
+import { act } from 'react-dom/test-utils';
 import Table from '../src';
 
 describe('Table.Expand', () => {
@@ -22,7 +22,7 @@ describe('Table.Expand', () => {
 
   it('renders expand row correctly', () => {
     resetWarned();
-    const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
     const wrapper = mount(createTable({ expandedRowRender }));
     expect(wrapper.find('tbody tr')).toHaveLength(2);
     expect(errorSpy).toHaveBeenCalledWith(
@@ -32,7 +32,7 @@ describe('Table.Expand', () => {
   });
 
   it('pass proper parameters to expandedRowRender', () => {
-    const rowRender = jest.fn(() => <div>expanded row</div>);
+    const rowRender = vi.fn(() => <div>expanded row</div>);
     const expandableProps = props => ({ expandable: { expandedRowRender: rowRender, ...props } });
     const wrapper = mount(createTable(expandableProps()));
     wrapper.setProps(expandableProps({ expandedRowKeys: [0] }));
@@ -232,7 +232,7 @@ describe('Table.Expand', () => {
   describe('config expand column index', () => {
     it('not show EXPAND_COLUMN if expandable is false', () => {
       resetWarned();
-      const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+      const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
       const wrapper = mount(
         createTable({
@@ -250,7 +250,7 @@ describe('Table.Expand', () => {
 
     it('renders expand icon to the specify column', () => {
       resetWarned();
-      const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+      const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
       const wrapper = mount(
         createTable({
@@ -287,7 +287,7 @@ describe('Table.Expand', () => {
 
     it('de-duplicate of EXPAND_COLUMN', () => {
       resetWarned();
-      const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+      const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
       const wrapper = mount(
         createTable({
@@ -400,7 +400,7 @@ describe('Table.Expand', () => {
   });
 
   it('renders expend row class correctly', () => {
-    const expandedRowClassName = jest.fn().mockReturnValue('expand-row-test-class-name');
+    const expandedRowClassName = vi.fn().mockReturnValue('expand-row-test-class-name');
     const wrapper = mount(
       createTable({
         expandable: {
@@ -431,7 +431,7 @@ describe('Table.Expand', () => {
   });
 
   it('fires expand change event', () => {
-    const onExpand = jest.fn();
+    const onExpand = vi.fn();
     const wrapper = mount(
       createTable({
         expandable: {
@@ -448,7 +448,7 @@ describe('Table.Expand', () => {
   });
 
   it('fires onExpandedRowsChange event', () => {
-    const onExpandedRowsChange = jest.fn();
+    const onExpandedRowsChange = vi.fn();
     const wrapper = mount(
       createTable({
         expandedRowRender,
@@ -473,7 +473,7 @@ describe('Table.Expand', () => {
   });
 
   it('expandRowByClick', () => {
-    const onExpand = jest.fn();
+    const onExpand = vi.fn();
     const wrapper = mount(
       createTable({
         expandable: {
@@ -533,7 +533,7 @@ describe('Table.Expand', () => {
   // https://github.com/ant-design/ant-design/issues/23894
   it('should be collapsible when use `expandIcon` & `expandRowByClick`', () => {
     const data = [{ key: 0, name: 'Lucy', age: 27 }];
-    const onExpand = jest.fn();
+    const onExpand = vi.fn();
     const wrapper = mount(
       createTable({
         expandable: {
@@ -561,7 +561,7 @@ describe('Table.Expand', () => {
   // https://github.com/ant-design/ant-design/issues/23894
   it('should be collapsible when `expandRowByClick` without custom `expandIcon`', () => {
     const data = [{ key: 0, name: 'Lucy', age: 27 }];
-    const onExpand = jest.fn();
+    const onExpand = vi.fn();
     const wrapper = mount(
       createTable({
         expandable: {
@@ -582,7 +582,7 @@ describe('Table.Expand', () => {
 
   it('should be collapsible when `expandRowByClick` with custom `expandIcon` and event.stopPropagation', () => {
     const data = [{ key: 0, name: 'Lucy', age: 27 }];
-    const onExpand = jest.fn();
+    const onExpand = vi.fn();
     const wrapper = mount(
       createTable({
         expandable: {
@@ -612,7 +612,7 @@ describe('Table.Expand', () => {
 
   it('support invalid expandIcon', () => {
     const data = [{ key: 0, name: 'Lucy', age: 27 }];
-    const onExpand = jest.fn();
+    const onExpand = vi.fn();
     const wrapper = mount(
       createTable({
         expandable: {
@@ -629,7 +629,7 @@ describe('Table.Expand', () => {
 
   it('warning for use `expandedRowRender` and nested table in the same time', () => {
     resetWarned();
-    const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
     mount(createTable({ expandedRowRender, data: [{ children: [] }] }));
     expect(errorSpy).toHaveBeenCalledWith(
       'Warning: `expandedRowRender` should not use with nested Table',