test(affix): split the last checkpoint (ant-design#37386)

gregberge · Sep 5, 2022 · f212b33 · f212b33
1 parent 3b5c2f5
commit f212b33
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/components/affix/__tests__/Affix.test.tsx b/components/affix/__tests__/Affix.test.tsx
@@ -191,40 +191,42 @@ 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')!,
         },
       );
 
       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();
     });