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

test: update

Browse Source
This commit is contained in:
Wanpan 2024-08-17 19:56:07 +08:00
parent 7c3a60c097
commit 2fef83a704
1 changed files with 63 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
components/splitter/__tests__/index.test.tsx
View File

@ -3,7 +3,7 @@ import React from 'react';
import { Splitter } from 'antd';
import type { GetProps } from 'antd';
import { render, waitFakeTimer } from '../../../tests/utils';
import { fireEvent, render, waitFakeTimer } from '../../../tests/utils';
type PanelProps = GetProps<typeof Splitter.Panel>;
@ -113,4 +113,66 @@ describe('Splitter', () => {
expect(barNodes?.[1]?.querySelector('.ant-splitter-bar-collapse-previous')).toBeFalsy();
expect(barNodes?.[1]?.querySelector('.ant-splitter-bar-collapse-next')).toBeTruthy();
});
it('should collapsible click work', () => {
// previous click
const { container, rerender } = render(
<SplitterDemo
items={[
{
size: 20,
collapsible: {
prev: true,
},
},
{},
]}
/>,
);
fireEvent.click(container?.querySelector('.ant-splitter-bar-collapse-previous')!);
expect(container?.querySelector('.ant-splitter-bar-collapse-previous')).toBeFalsy();
expect(container?.querySelector('.ant-splitter-bar-collapse-next')).toBeTruthy();
// next click
rerender(
<SplitterDemo
items={[
{
size: 60,
collapsible: {
next: true,
},
},
{},
]}
/>,
);
fireEvent.click(container?.querySelector('.ant-splitter-bar-collapse-next')!);
expect(container?.querySelector('.ant-splitter-bar-collapse-previous')).toBeTruthy();
expect(container?.querySelector('.ant-splitter-bar-collapse-next')).toBeFalsy();
// collapsible is boolean
rerender(
<SplitterDemo
items={[
{
size: 10,
collapsible: true,
},
{},
]}
/>,
);
fireEvent.click(container?.querySelector('.ant-splitter-bar-collapse-next')!);
expect(container?.querySelector('.ant-splitter-bar-collapse-previous')).toBeTruthy();
expect(container?.querySelector('.ant-splitter-bar-collapse-next')).toBeFalsy();
fireEvent.click(container?.querySelector('.ant-splitter-bar-collapse-previous')!);
expect(container?.querySelector('.ant-splitter-bar-collapse-previous')).toBeTruthy();
expect(container?.querySelector('.ant-splitter-bar-collapse-next')).toBeTruthy();
fireEvent.click(container?.querySelector('.ant-splitter-bar-collapse-previous')!);
expect(container?.querySelector('.ant-splitter-bar-collapse-previous')).toBeFalsy();
expect(container?.querySelector('.ant-splitter-bar-collapse-next')).toBeTruthy();
});
});