Use testdriver Action API in WPT pointerevent tests - Part 10

In order to run the web-platform-tests automatically, we will use
testdriver Action API in all the wpt to simulate inputs. Here we are
changing some pointerevent input test which taps on the elements inside
an inner frame.

This is the tenth CL that changes part of the pointerevent input
tests.

Bug: 606367
Change-Id: Ib90c92e8267f17fed74a86d70ca6d739b5ccedb2
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1638914
Commit-Queue: Lan Wei <lanwei@chromium.org>
Reviewed-by: Navid Zolghadr <nzolghadr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#675891}

third_party/blink/web_tests/external/wpt/pointerevents/pointerevent_attributes_hoverable_pointers-manual.html → third_party/blink/web_tests/external/wpt/pointerevents/pointerevent_attributes_hoverable_pointers.html

@@ -6,6 +6,9 @@
         <link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
         <script src="/resources/testharness.js"></script>
         <script src="/resources/testharnessreport.js"></script>
+        <script src="/resources/testdriver.js"></script>
+        <script src="/resources/testdriver-actions.js"></script>
+        <script src="/resources/testdriver-vendor.js"></script>
         <!-- Additional helper script for common checks across event types -->
         <script type="text/javascript" src="pointerevent_support.js"></script>
         <script>
@@ -95,6 +98,7 @@
                 var innerFrame = document.getElementById('innerFrame');
                 var square2 = innerFrame.contentDocument.getElementById('square2');
                 var rectSquare2 = square2.getBoundingClientRect();
+                var actions_promise;
 
                 eventList.forEach(function(eventName) {
                     on_event(square1, eventName, function (event) {
@@ -112,10 +116,32 @@
                         checkPointerEventAttributes(event, rectSquare2, "Inner frame ");
                         if (Object.keys(detected_eventTypes).length == eventList.length) {
                             square2.style.visibility = 'hidden';
-                            test_pointerEvent.done();
+                            // Make sure the test finishes after all the input actions are completed.
+                            actions_promise.then( () => {
+                                test_pointerEvent.done();
+                            });
                         }
                     });
                 });
+
+                // Inject mouse and pen inputs.
+                actions_promise = clickInTarget("mouse", square1).then(function() {
+                    return moveToDocument("mouse");
+                }).then(function() {
+                    return clickInTarget("mouse", square2);
+                }).then(function() {
+                    return moveToDocument("mouse");
+                }).then(function() {
+                    test_pointerEvent.done();
+                }).then(function() {
+                    return clickInTarget("pen", square1);
+                }).then(function() {
+                    return moveToDocument("pen");
+                }).then(function() {
+                    return clickInTarget("pen", square2);
+                }).then(function() {
+                    return moveToDocument("pen");
+                });
             }
         </script>
     </head>

third_party/blink/web_tests/external/wpt/pointerevents/pointerevent_attributes_nohover_pointers-manual.html → third_party/blink/web_tests/external/wpt/pointerevents/pointerevent_attributes_nohover_pointers.html

@@ -6,6 +6,9 @@
         <link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
         <script src="/resources/testharness.js"></script>
         <script src="/resources/testharnessreport.js"></script>
+        <script src="/resources/testdriver.js"></script>
+        <script src="/resources/testdriver-actions.js"></script>
+        <script src="/resources/testdriver-vendor.js"></script>
         <!-- Additional helper script for common checks across event types -->
         <script type="text/javascript" src="pointerevent_support.js"></script>
         <script>
@@ -76,6 +79,7 @@
                 var innerFrame = document.getElementById('innerFrame');
                 var square2 = innerFrame.contentDocument.getElementById('square2');
                 var rectSquare2 = square2.getBoundingClientRect();
+                var actions_promise;
 
                 eventList.forEach(function(eventName) {
                     on_event(square1, eventName, function (event) {
@@ -93,10 +97,18 @@
                         checkPointerEventAttributes(event, rectSquare2, "Inner frame ");
                         if (Object.keys(detected_eventTypes).length == eventList.length) {
                             square2.style.visibility = 'hidden';
-                            test_pointerEvent.done();
+                            // Make sure the test finishes after all the input actions are completed.
+                            actions_promise.then( () => {
+                                test_pointerEvent.done();
+                            });
                         }
                     });
                 });
+
+                // Inject touch inputs.
+                actions_promise = clickInTarget("touch", square1).then(function() {
+                    return clickInTarget("touch", square2);
+                });
             }
         </script>
     </head>

third_party/blink/web_tests/external/wpt/pointerevents/pointerevent_support.js

@@ -353,3 +353,11 @@ function pointerHoverInTarget(pointerType, target, direction) {
                    .pointerMove(3 * x_delta, 3 * y_delta, {origin: target})
                    .send();
 }
+
+function moveToDocument(pointerType) {
+    var pointerId = pointerType + "Pointer1";
+    return new test_driver.Actions()
+                   .addPointer(pointerId, pointerType)
+                   .pointerMove(0, 0)
+                   .send();
+}

third_party/blink/web_tests/external/wpt_automation/pointerevents/pointerevent_attributes_hoverable_pointers-manual-automation.js

-importAutomationScript('/pointerevents/pointerevent_common_input.js');
-
-function inject_input() {
-  return mouseClickInTarget('#square1').then(function() {
-    return mouseClickInTarget('#square2', document.querySelector('#innerFrame'));
-  }).then(function() {
-    return mouseMoveToDocument();
-  }).then(function() {
-    return penClickInTarget('#square1');
-  }).then(function() {
-    return penClickInTarget('#square2', document.querySelector('#innerFrame'));
-  }).then(function() {
-    return penMoveToDocument();
-  });
-}

third_party/blink/web_tests/external/wpt_automation/pointerevents/pointerevent_attributes_nohover_pointers-manual-automation.js

-importAutomationScript('/pointerevents/pointerevent_common_input.js');
-
-function inject_input() {
-  return touchTapInTarget('#square1').then(function() {
-    return touchTapInTarget('#square2', document.querySelector('#innerFrame'));
-  });
-}

third_party/blink/web_tests/resources/testdriver-vendor.js

@@ -17,31 +17,47 @@
     return [x, y];
   }
 
-  function getPointerInteractablePaintTree(element) {
-    if (!window.document.contains(element)) {
+  function getPointerInteractablePaintTree(element, frame) {
+    var frameDocument = frame == window ? window.document : frame.contentDocument;
+    if (!frameDocument.contains(element)) {
       return [];
     }
 
     var rectangles = element.getClientRects();
-
     if (rectangles.length === 0) {
       return [];
     }
 
     var centerPoint = getInViewCenterPoint(rectangles[0]);
     if ("elementsFromPoint" in document) {
-      return document.elementsFromPoint(centerPoint[0], centerPoint[1]);
+      return frameDocument.elementsFromPoint(centerPoint[0], centerPoint[1]);
     } else if ("msElementsFromPoint" in document) {
-      var rv = document.msElementsFromPoint(centerPoint[0], centerPoint[1]);
+      var rv = frameDocument.msElementsFromPoint(centerPoint[0], centerPoint[1]);
       return Array.prototype.slice.call(rv ? rv : []);
     } else {
       throw new Error("document.elementsFromPoint unsupported");
     }
   }
 
-  function inView(element) {
-    var pointerInteractablePaintTree = getPointerInteractablePaintTree(element);
-    return pointerInteractablePaintTree.indexOf(element) !== -1 || element.contains(pointerInteractablePaintTree[0]);
+  function inView(element, frame) {
+    var pointerInteractablePaintTree = getPointerInteractablePaintTree(element, frame);
+    return pointerInteractablePaintTree.indexOf(element) !== -1 || element.contains(pointerInteractablePaintTree[0], frame);
+  }
+
+  function findElementInFrame(element, frame) {
+    var foundFrame = frame;
+    var frameDocument = frame == window ? window.document : frame.contentDocument;
+    if (!frameDocument.contains(element)) {
+      foundFrame = null;
+      var frames = document.getElementsByTagName("iframe");
+      for (let i = 0; i < frames.length; i++) {
+        if (findElementInFrame(element, frames[i])) {
+          foundFrame = frames[i];
+          break;
+        }
+      }
+    }
+    return foundFrame;
   }
 
   window.test_driver_internal.click = function(element, coords) {
@@ -122,12 +138,13 @@
                return Promise.reject(new Error("pointer origin is not given correctly"));
              }
           } else {
-            let element = actions[i].actions[j].origin;
-            if (!window.document.contains(element)) {
-              return Promise.reject(new Error("element in different document or shadow tree"));
+            var element = actions[i].actions[j].origin;
+            var frame = findElementInFrame(element, window);
+            if (frame == null) {
+              return Promise.reject(new Error("element in different document or iframe"));
             }
 
-            if (!inView(element)) {
+            if (!inView(element, frame)) {
               if (didScrollIntoView)
                 return Promise.reject(new Error("already scrolled into view, the element is not found"));
 
@@ -137,7 +154,7 @@
               didScrollIntoView = true;
             }
 
-            var pointerInteractablePaintTree = getPointerInteractablePaintTree(element);
+            var pointerInteractablePaintTree = getPointerInteractablePaintTree(element, frame);
             if (pointerInteractablePaintTree.length === 0 ||
                 !element.contains(pointerInteractablePaintTree[0])) {
               return Promise.reject(new Error("element click intercepted error"));
@@ -147,6 +164,11 @@
             var centerPoint = getInViewCenterPoint(rect);
             last_x_position = actions[i].actions[j].x + centerPoint[0];
             last_y_position = actions[i].actions[j].y + centerPoint[1];
+            if (frame != window) {
+              var frameRect = frame.getClientRects();
+              last_x_position += frameRect[0].left;
+              last_y_position += frameRect[0].top;
+            }
           }
         }