test: foreach all placement

ant-design · May 7, 2022 · 22b89ee · 22b89ee
1 parent 55f9e29
commit 22b89ee
Showing 1 changed file with 39 additions and 19 deletions.
diff --git a/components/tooltip/__tests__/tooltip.test.js b/components/tooltip/__tests__/tooltip.test.js
@@ -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 () => {