ant-design/components/checkbox/__tests__/checkbox.test.tsx
二货爱吃白萝卜 0e9ac35e3c
Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
fix: input work with Upload (#51874)
* fix: input work with Upload

* test: update snapshot
2024-12-03 19:07:28 +08:00

107 lines
3.0 KiB
TypeScript

import React from 'react';
import Checkbox from '..';
import { resetWarned } from '../../_util/warning';
import focusTest from '../../../tests/shared/focusTest';
import mountTest from '../../../tests/shared/mountTest';
import rtlTest from '../../../tests/shared/rtlTest';
import { act, fireEvent, render } from '../../../tests/utils';
describe('Checkbox', () => {
focusTest(Checkbox, { refFocus: true });
mountTest(Checkbox);
rtlTest(Checkbox);
beforeEach(() => {
jest.useFakeTimers();
});
afterEach(() => {
jest.useRealTimers();
});
it('responses hover events', () => {
const onMouseEnter = jest.fn();
const onMouseLeave = jest.fn();
const { container } = render(
<Checkbox onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} />,
);
fireEvent.mouseEnter(container.querySelector('label')!);
expect(onMouseEnter).toHaveBeenCalled();
fireEvent.mouseLeave(container.querySelector('label')!);
expect(onMouseLeave).toHaveBeenCalled();
});
it('warning if set `value`', () => {
resetWarned();
const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
render(<Checkbox value />);
expect(errorSpy).toHaveBeenCalledWith(
'Warning: [antd: Checkbox] `value` is not a valid prop, do you mean `checked`?',
);
errorSpy.mockRestore();
});
// https://github.com/ant-design/ant-design/issues/50768
it('onFocus / onBlur', () => {
const onBlur = jest.fn();
const onFocus = jest.fn();
const { container } = render(<Checkbox onBlur={onBlur} onFocus={onFocus} />);
const inputEl = container.querySelector('input')!;
fireEvent.focus(inputEl);
fireEvent.blur(inputEl);
expect(onFocus).toHaveBeenCalledTimes(1);
expect(onBlur).toHaveBeenCalledTimes(1);
});
it('should reflect indeterminate state correctly', () => {
const { rerender, container } = render(<Checkbox indeterminate />);
const checkboxInput = container.querySelector('input')!;
expect(checkboxInput.indeterminate).toBe(true);
rerender(<Checkbox indeterminate={false} />);
expect(checkboxInput.indeterminate).toBe(false);
});
it('event bubble should not trigger twice', () => {
const onClick = jest.fn();
const onRootClick = jest.fn();
const { container } = render(
<div onClick={onRootClick}>
<Checkbox onClick={onClick} />
</div>,
);
// Click on label
fireEvent.click(container.querySelector('label')!);
expect(onClick).toHaveBeenCalledTimes(1);
expect(onRootClick).toHaveBeenCalledTimes(1);
act(() => {
jest.runAllTimers();
});
// Click on input
fireEvent.click(container.querySelector('input')!);
expect(onClick).toHaveBeenCalledTimes(2);
expect(onRootClick).toHaveBeenCalledTimes(2);
act(() => {
jest.runAllTimers();
});
// Click on input again
fireEvent.click(container.querySelector('input')!);
expect(onClick).toHaveBeenCalledTimes(3);
expect(onRootClick).toHaveBeenCalledTimes(3);
});
});