mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

test: fix test

Browse Source
This commit is contained in:
MadCcc 2022-09-05 22:02:23 +08:00
parent d5c17a9a7c
commit 5174024561
7 changed files with 37 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
View File

@ -15520,6 +15520,7 @@ exports[`ConfigProvider components Form configProvider 1`] = `
<div
class="config-form-item-explain config-show-help-appear config-show-help-appear-start config-show-help config-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="config-show-help-item-appear config-show-help-item-appear-start config-show-help-item config-form-item-explain-error"
@ -15575,6 +15576,7 @@ exports[`ConfigProvider components Form configProvider componentDisabled 1`] = `
<div
class="config-form-item-explain config-show-help-appear config-show-help-appear-start config-show-help config-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="config-show-help-item-appear config-show-help-item-appear-start config-show-help-item config-form-item-explain-error"
@ -15629,6 +15631,7 @@ exports[`ConfigProvider components Form configProvider componentSize large 1`] =
<div
class="config-form-item-explain config-show-help-appear config-show-help-appear-start config-show-help config-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="config-show-help-item-appear config-show-help-item-appear-start config-show-help-item config-form-item-explain-error"
@ -15683,6 +15686,7 @@ exports[`ConfigProvider components Form configProvider componentSize middle 1`]
<div
class="config-form-item-explain config-show-help-appear config-show-help-appear-start config-show-help config-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="config-show-help-item-appear config-show-help-item-appear-start config-show-help-item config-form-item-explain-error"
@ -15737,6 +15741,7 @@ exports[`ConfigProvider components Form configProvider virtual and dropdownMatch
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -15791,6 +15796,7 @@ exports[`ConfigProvider components Form normal 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -15845,6 +15851,7 @@ exports[`ConfigProvider components Form prefixCls 1`] = `
<div
class="prefix-Form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help prefix-Form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item prefix-Form-item-explain-error"

15
components/drawer/__tests__/Drawer.test.tsx
View File

@ -73,7 +73,7 @@ describe('Drawer', () => {
it('render top drawer', () => {
const { container } = render(
<Drawer visible height={400} placement="top" getContainer={false}>
<Drawer open height={400} placement="top" getContainer={false}>
Here is content of Drawer
</Drawer>,
);
@ -208,17 +208,4 @@ describe('Drawer', () => {
zIndex: 903,
});
});
it('deprecated warning', () => {
const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
const { rerender } = render(<Drawer visible />);
expect(errSpy).toHaveBeenCalledWith(
'Warning: [antd: Drawer] `visible` is deprecated which will be removed in next major version, please use `open` instead.',
);
rerender(<Drawer afterVisibleChange={() => {}} />);
expect(errSpy).toHaveBeenCalledWith(
'Warning: [antd: Drawer] `afterVisibleChange` is deprecated which will be removed in next major version, please use `afterOpenChange` instead.',
);
errSpy.mockRestore();
});
});

34
components/drawer/__tests__/MultiDrawer.test.tsx
View File

@ -151,19 +151,23 @@ describe('Drawer', () => {
});
it('render MultiDrawer is child in unmount', () => {
const mask = { mask: false };
const { container } = render(<MultiDrawer placement="top" {...mask} />);
fireEvent.click(container.querySelector('button#open_drawer')!);
fireEvent.click(container.querySelector('button#open_two_drawer')!);
fireEvent.click(container.querySelector('button#remove_drawer')!);
const { container: wrapper } = render(<MultiDrawer placement="top" />);
fireEvent.click(wrapper.querySelector('button#open_drawer')!);
fireEvent.click(wrapper.querySelector('button#open_two_drawer')!);
fireEvent.click(wrapper.querySelector('button#remove_drawer')!);
expect(container.querySelector('.ant-drawer-content-wrapper')).toHaveStyle({ transform: '' });
// Strange, testing-lib get wrong style in next branch.
expect((wrapper.querySelector('.ant-drawer-content-wrapper') as any).style).toEqual(
expect.objectContaining({
transform: '',
}),
);
fireEvent.click(container.querySelector('button#open_two_drawer')!);
expect(container.querySelector('.ant-drawer-content-wrapper')).toHaveStyle({
fireEvent.click(wrapper.querySelector('button#open_two_drawer')!);
expect(wrapper.querySelector('.ant-drawer-content-wrapper')).toHaveStyle({
transform: 'translateY(180px)',
});
expect(container.querySelectorAll('#two_drawer_text').length).toBe(1);
expect(wrapper.querySelectorAll('#two_drawer_text').length).toBe(1);
});
it('custom MultiDrawer push distance', () => {
@ -185,9 +189,13 @@ describe('Drawer', () => {
});
it('custom MultiDrawer push with false', () => {
const { container } = render(<MultiDrawer push={false} />);
fireEvent.click(container.querySelector('button#open_drawer')!);
fireEvent.click(container.querySelector('button#open_two_drawer')!);
expect(container.querySelector('.ant-drawer-content-wrapper')).toHaveStyle({ transform: '' });
const { container: wrapper } = render(<MultiDrawer push={false} />);
fireEvent.click(wrapper.querySelector('button#open_drawer')!);
fireEvent.click(wrapper.querySelector('button#open_two_drawer')!);
expect((wrapper.querySelector('.ant-drawer-content-wrapper') as any).style).toEqual(
expect.objectContaining({
transform: '',
}),
);
});
});

2
components/dropdown/__tests__/dropdown-button.test.tsx
View File

@ -53,7 +53,7 @@ describe('DropdownButton', () => {
expect(dropdownProps[key]).toBe(props[key]);
});
rerender(<DropdownButton overlay={<div>123</div>} visible />);
rerender(<DropdownButton overlay={<div>123</div>} open />);
expect(dropdownProps.open).toBe(true);
});

23
components/dropdown/__tests__/index.test.tsx
View File

@ -167,27 +167,4 @@ describe('Dropdown', () => {
jest.useRealTimers();
});
it('deprecated warning', () => {
const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
const { rerender } = render(
<Dropdown visible overlay={<div>menu</div>}>
<a />
</Dropdown>,
);
expect(errSpy).toHaveBeenCalledWith(
'Warning: [antd: Dropdown] `visible` is deprecated which will be removed in next major version, please use `open` instead.',
);
rerender(
<Dropdown onVisibleChange={() => {}} overlay={<div>menu</div>}>
<a />
</Dropdown>,
);
expect(errSpy).toHaveBeenCalledWith(
'Warning: [antd: Dropdown] `onVisibleChange` is deprecated which will be removed in next major version, please use `onOpenChange` instead.',
);
errSpy.mockRestore();
});
});

8
components/tooltip/__tests__/tooltip.test.tsx
View File

@ -459,7 +459,7 @@ describe('Tooltip', () => {
</Tooltip>,
);
expect(errSpy).toHaveBeenCalledWith(
'Warning: [antd: Tooltip] `visible` is deprecated which will be removed in next major version, please use `open` instead.',
'Warning: [antd: Tooltip] `visible` is deprecated, please use `open` instead.',
);
rerender(
<Tooltip defaultVisible>
@ -467,7 +467,7 @@ describe('Tooltip', () => {
</Tooltip>,
);
expect(errSpy).toHaveBeenCalledWith(
'Warning: [antd: Tooltip] `defaultVisible` is deprecated which will be removed in next major version, please use `defaultOpen` instead.',
'Warning: [antd: Tooltip] `defaultVisible` is deprecated, please use `defaultOpen` instead.',
);
rerender(
<Tooltip onVisibleChange={() => {}}>
@ -475,7 +475,7 @@ describe('Tooltip', () => {
</Tooltip>,
);
expect(errSpy).toHaveBeenCalledWith(
'Warning: [antd: Tooltip] `onVisibleChange` is deprecated which will be removed in next major version, please use `onOpenChange` instead.',
'Warning: [antd: Tooltip] `onVisibleChange` is deprecated, please use `onOpenChange` instead.',
);
rerender(
<Tooltip afterVisibleChange={() => {}}>
@ -483,7 +483,7 @@ describe('Tooltip', () => {
</Tooltip>,
);
expect(errSpy).toHaveBeenCalledWith(
'Warning: [antd: Tooltip] `afterVisibleChange` is deprecated which will be removed in next major version, please use `afterOpenChange` instead.',
'Warning: [antd: Tooltip] `afterVisibleChange` is deprecated, please use `afterOpenChange` instead.',
);
errSpy.mockRestore();

6
components/upload/__tests__/upload.test.tsx
View File

@ -880,7 +880,7 @@ describe('Upload', () => {
const { container: wrapper } = render(
<Upload fileList={frozenFileList as unknown as UploadProps['fileList']} />,
);
const rmBtn = wrapper.querySelectorAll('.ant-upload-list-item-card-actions-btn');
const rmBtn = wrapper.querySelectorAll('.ant-upload-list-item-action');
fireEvent.click(rmBtn[rmBtn.length - 1]);
// Wait for Upload async remove
@ -935,8 +935,8 @@ describe('Upload', () => {
jest.runAllTimers();
});
fireEvent.animationEnd(container.querySelector('.ant-upload-select-picture-card')!);
expect(container.querySelector('.ant-upload-select-picture-card')).not.toHaveClass(
fireEvent.animationEnd(container.querySelector('.ant-upload-select')!);
expect(container.querySelector('.ant-upload-select')).not.toHaveClass(
'ant-upload-animate-inline-leave-start',
);