fix(TimePicker2): Update test TimePicker2 focusing issue noborder, close

alibaba-fusion#4657
seven-lh · Feb 2, 2024 · e476ae1 · e476ae1
1 parent 9f4a3c2
commit e476ae1
Showing 1 changed file with 6 additions and 22 deletions.
diff --git a/components/time-picker2/__tests__/index-spec.js b/components/time-picker2/__tests__/index-spec.js
@@ -357,9 +357,9 @@ describe('TimePicker2', () => {
             document.body.appendChild(container);
             ReactDOM.render(<TimePicker2 />, container);
             const inputNode = document.querySelector('.next-time-picker2-input');
-            simulateMouseClick(inputNode.querySelector('input'));
+            inputNode.querySelector('input').click();
             assert(hasClass(inputNode, 'next-time-picker2-input-focus'));
-            simulateMouseClick(document);
+            document.body.click();
             setTimeout(() => {
                 assert(!hasClass(inputNode, 'next-time-picker2-input-focus'));
                 ReactDOM.unmountComponentAtNode(container);
@@ -373,14 +373,12 @@ describe('TimePicker2', () => {
             document.body.appendChild(container);
             ReactDOM.render(<TimePicker2.RangePicker />, container);
             const inputNode = document.querySelector('.next-time-picker2-input');
-            simulateMouseClick(inputNode.querySelectorAll('input')[0]);
+            inputNode.querySelectorAll('input')[0].click();
             assert(hasClass(inputNode, 'next-time-picker2-input-focus'));
-
-            // simulateMouseClick(inputNode.querySelectorAll('input')[1]);
-            // assert(hasClass(inputNode, 'next-time-picker2-input-focus'));
-            simulateMouseClick(document);
+            inputNode.querySelectorAll('input')[1].click();
+            assert(hasClass(inputNode, 'next-time-picker2-input-focus'));
+            document.body.click();
             setTimeout(() => {
-                simulateMouseClick(document);
                 assert(!hasClass(inputNode, 'next-time-picker2-input-focus'));
                 ReactDOM.unmountComponentAtNode(container);
                 document.body.removeChild(container);
@@ -390,20 +388,6 @@ describe('TimePicker2', () => {
     });
 });
 
-const mouseClickEvents = ['mousedown', 'click', 'mouseup'];
-function simulateMouseClick(element) {
-    mouseClickEvents.forEach(mouseEventType =>
-        element.dispatchEvent(
-            new MouseEvent(mouseEventType, {
-                view: window,
-                bubbles: true,
-                cancelable: true,
-                buttons: 1,
-            })
-        )
-    );
-}
-
 function getStrValue(wrapper) {
     const inputEl = wrapper.find('.next-time-picker2-input input');
     return inputEl.length === 1 ? inputEl.instance().value : inputEl.map(el => el.instance().value);