mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 14:13:37 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity

test(affix): split the last checkpoint (#37386)

Browse Source
This commit is contained in:
Rex Zeng 2022-09-05 09:49:22 +08:00 committed by GitHub
parent 3b5c2f5d8a
commit f212b339c7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
components/affix/__tests__/Affix.test.tsx
View File

@ -191,21 +191,16 @@ describe('Affix Render', () => {
});
describe('updatePosition when size changed', () => {
it.each([
{ name: 'inner', index: 0 },
{ name: 'outer', index: 1 },
])('inner or outer', async () => {
it('add class automatically', async () => {
document.body.innerHTML = '<div id="mounter" />';
let affixInstance: InternalAffixClass | null = null;
const updateCalled = jest.fn();
const { container } = render(
render(
<AffixMounter
getInstance={inst => {
affixInstance = inst;
}}
offsetBottom={0}
onTestUpdatePosition={updateCalled}
/>,
{
container: document.getElementById('mounter')!,
@ -213,18 +208,25 @@ describe('Affix Render', () => {
);
await sleep(20);
await movePlaceholder(300);
expect(affixInstance!.state.affixStyle).toBeTruthy();
});
// Mock trigger resize
updateCalled.mockReset();
triggerResize(container.querySelector('.fixed')!);
await sleep(20);
expect(updateCalled).toHaveBeenCalled();
// Trigger inner and outer element for the two <ResizeObserver>s.
it.each([
{ selector: '.ant-btn' }, // inner
{ selector: '.fixed' }, // outer
])('trigger listener when size change', async ({ selector }) => {
const updateCalled = jest.fn();
const { container } = render(
<AffixMounter offsetBottom={0} onTestUpdatePosition={updateCalled} />,
{
container: document.getElementById('mounter')!,
},
);
updateCalled.mockReset();
triggerResize(container.querySelector('.ant-btn')!);
triggerResize(container.querySelector(selector)!);
await sleep(20);
expect(updateCalled).toHaveBeenCalled();
});