chore: update test case

ant-design · Sep 20, 2023 · 1f4a3c0 · 1f4a3c0
1 parent c4b5aca
commit 1f4a3c0
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 49 deletions.
diff --git a/components/tooltip/__tests__/__snapshots__/tooltip.test.tsx.snap b/components/tooltip/__tests__/__snapshots__/tooltip.test.tsx.snap
@@ -3,47 +3,35 @@
 exports[`Tooltip rtl render component should be rendered correctly in RTL direction 1`] = `<span />`;
 
 exports[`Tooltip should hide when mouse leave antd disabled component Button 1`] = `
-<span
-  class="ant-tooltip-disabled-compatible-wrapper"
-  style="display: inline-block; cursor: not-allowed;"
->
-  <button
-    class="ant-btn ant-btn-default"
-    disabled=""
-    style="pointer-events: none;"
-    type="button"
-  />
-</span>
+<button
+  class="ant-btn ant-btn-default"
+  disabled=""
+  type="button"
+/>
 `;
 
 exports[`Tooltip should hide when mouse leave antd disabled component Switch 1`] = `
-<span
-  class="ant-tooltip-disabled-compatible-wrapper"
-  style="display: inline-block; cursor: not-allowed;"
+<button
+  aria-checked="false"
+  class="ant-switch ant-switch-disabled"
+  disabled=""
+  role="switch"
+  type="button"
 >
-  <button
-    aria-checked="false"
-    class="ant-switch ant-switch-disabled"
-    disabled=""
-    role="switch"
-    style="pointer-events: none;"
-    type="button"
+  <div
+    class="ant-switch-handle"
+  />
+  <span
+    class="ant-switch-inner"
   >
-    <div
-      class="ant-switch-handle"
+    <span
+      class="ant-switch-inner-checked"
     />
     <span
-      class="ant-switch-inner"
-    >
-      <span
-        class="ant-switch-inner-checked"
-      />
-      <span
-        class="ant-switch-inner-unchecked"
-      />
-    </span>
-  </button>
-</span>
+      class="ant-switch-inner-unchecked"
+    />
+  </span>
+</button>
 `;
 
 exports[`Tooltip support arrow props by default 1`] = `

diff --git a/components/tooltip/__tests__/tooltip.test.tsx b/components/tooltip/__tests__/tooltip.test.tsx
@@ -133,16 +133,15 @@ describe('Tooltip', () => {
       </Tooltip>,
     );
 
-    expect(container.getElementsByTagName('span')).toHaveLength(1);
-    const button = container.getElementsByTagName('span')[0];
+    const button = container.getElementsByTagName('button')[0];
 
-    fireEvent.mouseEnter(button);
+    fireEvent.pointerEnter(button);
     await waitFakeTimer();
     expect(onOpenChange).toHaveBeenCalledWith(true);
     expect(isTooltipOpen()).toBeTruthy();
     expect(container.querySelector('.ant-tooltip-open')).not.toBeNull();
 
-    fireEvent.mouseLeave(button);
+    fireEvent.pointerLeave(button);
     await waitFakeTimer();
     expect(onOpenChange).toHaveBeenCalledWith(false);
     expect(isTooltipOpen()).toBeFalsy();
@@ -167,15 +166,16 @@ describe('Tooltip', () => {
         );
 
         expect(container.children[0]).toMatchSnapshot();
-        const button = container.getElementsByTagName('span')[0];
 
-        fireEvent.mouseEnter(button);
+        const button = container.getElementsByTagName('button')[0];
+
+        fireEvent.pointerEnter(button);
         await waitFakeTimer();
         expect(onOpenChange).toHaveBeenCalledWith(true);
         expect(isTooltipOpen()).toBeTruthy();
         expect(container.querySelector('.ant-tooltip-open')).not.toBeNull();
 
-        fireEvent.mouseLeave(button);
+        fireEvent.pointerLeave(button);
         await waitFakeTimer();
         expect(onOpenChange).toHaveBeenCalledWith(false);
         expect(isTooltipOpen()).toBeFalsy();
@@ -200,8 +200,10 @@ describe('Tooltip', () => {
         </Button>
       </Tooltip>,
     );
-    expect(containerInline.getElementsByTagName('span')[0].style.display).toBe('inline-block');
-    expect(containerBlock.getElementsByTagName('span')[0].style.display).toBe('block');
+    expect(getComputedStyle(containerInline.querySelector('button')!)?.display).toBe(
+      'inline-block',
+    );
+    expect(getComputedStyle(containerBlock.querySelector('button')!)?.display).toBe('block');
   });
 
   it('should warn for arrowPointAtCenter', async () => {
@@ -423,9 +425,8 @@ describe('Tooltip', () => {
         <Switch loading defaultChecked />
       </Tooltip>,
     );
-    const wrapperEl = container.querySelectorAll('.ant-tooltip-disabled-compatible-wrapper');
-    expect(wrapperEl).toHaveLength(1);
-    fireEvent.mouseEnter(container.getElementsByTagName('span')[0]);
+
+    fireEvent.pointerEnter(container.getElementsByTagName('button')[0]);
     expect(onOpenChange).toHaveBeenLastCalledWith(true);
     expect(container.querySelector('.ant-tooltip-open')).not.toBeNull();
   });
@@ -442,9 +443,8 @@ describe('Tooltip', () => {
         <Radio disabled />
       </Tooltip>,
     );
-    const wrapperEl = container.querySelectorAll('.ant-tooltip-disabled-compatible-wrapper');
-    expect(wrapperEl).toHaveLength(1);
-    fireEvent.mouseEnter(container.getElementsByTagName('span')[0]);
+
+    fireEvent.pointerEnter(container.getElementsByTagName('input')[0]);
     expect(onOpenChange).toHaveBeenLastCalledWith(true);
     expect(container.querySelector('.ant-tooltip-open')).not.toBeNull();
   });