test: add test case

react-component · Jul 28, 2023 · 10ebf60 · 10ebf60
1 parent cd4cd1c
commit 10ebf60
Showing 1 changed file with 34 additions and 14 deletions.
diff --git a/tests/basic.test.jsx b/tests/basic.test.jsx
@@ -131,22 +131,42 @@ describe('Trigger.Basic', () => {
       expect(isPopupHidden()).toBeTruthy();
     });
 
-    it('hover works', () => {
-      const { container } = render(
-        <Trigger
-          action={['hover']}
-          popupAlign={placementAlignMap.left}
-          popup={<strong>trigger</strong>}
-        >
-          <div className="target">click</div>
-        </Trigger>,
-      );
+    describe('hover works', () => {
+      it('mouse event', () => {
+        const { container } = render(
+          <Trigger
+            action={['hover']}
+            popupAlign={placementAlignMap.left}
+            popup={<strong>trigger</strong>}
+          >
+            <div className="target">click</div>
+          </Trigger>,
+        );
 
-      trigger(container, '.target', 'mouseEnter');
-      expect(isPopupHidden()).toBeFalsy();
+        trigger(container, '.target', 'mouseEnter');
+        expect(isPopupHidden()).toBeFalsy();
 
-      trigger(container, '.target', 'mouseLeave');
-      expect(isPopupHidden()).toBeTruthy();
+        trigger(container, '.target', 'mouseLeave');
+        expect(isPopupHidden()).toBeTruthy();
+      });
+
+      it('pointer event', () => {
+        const { container } = render(
+          <Trigger
+            action={['hover']}
+            popupAlign={placementAlignMap.left}
+            popup={<strong>trigger</strong>}
+          >
+            <div className="target">click</div>
+          </Trigger>,
+        );
+
+        trigger(container, '.target', 'pointerEnter');
+        expect(isPopupHidden()).toBeFalsy();
+
+        trigger(container, '.target', 'pointerLeave');
+        expect(isPopupHidden()).toBeTruthy();
+      });
     });
 
     it('contextMenu works', () => {