test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 19:19:26 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

test: foreach all placement

Browse Source
This commit is contained in:
zpc7 2022-05-07 10:43:59 +08:00
parent 55f9e29360
commit 22b89eea5a
1 changed files with 39 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
components/tooltip/__tests__/tooltip.test.js
View File

@ -314,27 +314,47 @@ describe('Tooltip', () => {
}).not.toThrow();
});
it('other placement when mouse enter', async () => {
const { container } = render(
<Tooltip
title="xxxxx"
placement="topRight"
transitionName=""
popupTransitionName=""
mouseEnterDelay={0}
>
<span>Hello world!</span>
</Tooltip>,
);
describe('support other placement when mouse enter', () => {
const placementList = [
'top',
'left',
'right',
'bottom',
'topLeft',
'topRight',
'bottomLeft',
'bottomRight',
'leftTop',
'leftBottom',
'rightTop',
'rightBottom',
];
const testPlacement = (name, placement) => {
it(name, async () => {
const { container } = render(
<Tooltip
title="xxxxx"
transitionName=""
popupTransitionName=""
mouseEnterDelay={0}
placement={placement}
>
<span>Hello world!</span>
</Tooltip>,
);
expect(container.getElementsByTagName('span')).toHaveLength(1);
const element = container.getElementsByTagName('span')[0];
fireEvent.mouseEnter(element);
await sleep(500);
expect(container.getElementsByTagName('span')).toHaveLength(1);
const element = container.getElementsByTagName('span')[0];
fireEvent.mouseEnter(element);
await sleep(500);
await waitFor(() => {
expect(document.querySelector('.ant-tooltip-placement-topRight')).not.toBeNull();
});
await waitFor(() => {
expect(document.querySelector(`.ant-tooltip-placement-${placement}`)).not.toBeNull();
});
});
};
placementList.forEach(placement => testPlacement(`Placement ${placement}`, placement));
});
it('should works for mismatch placement', async () => {