ant-design/components/config-provider/__tests__/wave.test.tsx
叶枫 502dac12aa
docs: format code (#48309)
* docs: fix code

* feat: lint

* feat: prettier

* feat: test

* feat: review

* feat: format html

* feat: format html
2024-04-08 14:04:08 +08:00

52 lines
1.2 KiB
TypeScript

import React from 'react';
import ConfigProvider from '..';
import { fireEvent, render, waitFakeTimer } from '../../../tests/utils';
import Button from '../../button';
jest.mock('rc-util/lib/Dom/isVisible', () => () => true);
describe('ConfigProvider.Wave', () => {
beforeEach(() => {
jest.useFakeTimers();
});
afterEach(() => {
jest.useRealTimers();
});
it('disable', async () => {
const showEffect = jest.fn();
const onClick = jest.fn();
const { container } = render(
<ConfigProvider wave={{ disabled: true, showEffect }}>
<Button onClick={onClick} />
</ConfigProvider>,
);
fireEvent.click(container.querySelector('button')!);
await waitFakeTimer();
expect(onClick).toHaveBeenCalled();
expect(showEffect).not.toHaveBeenCalled();
});
it('support customize effect', async () => {
const showEffect = jest.fn();
const onClick = jest.fn();
const { container } = render(
<ConfigProvider wave={{ showEffect }}>
<Button onClick={onClick} />
</ConfigProvider>,
);
fireEvent.click(container.querySelector('button')!);
await waitFakeTimer();
expect(onClick).toHaveBeenCalled();
expect(showEffect).toHaveBeenCalled();
});
});