Use testdriver Action API in WPT pointerevents/extension tests

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 touch input tests with touch action in
pointerevents/extension.

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

third_party/blink/web_tests/external/wpt/pointerevents/extension/pointerevent_touch-action-pan-down-css_touch-manual.html → third_party/blink/web_tests/external/wpt/pointerevents/extension/pointerevent_touch-action-pan-down-css_touch.html

@@ -7,6 +7,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>
         <script src="../pointerevent_support.js"></script>
         <style>
             #target0 {
@@ -83,6 +86,7 @@
             function run() {
                 var target0 = document.getElementById("target0");
                 var btnComplete = document.getElementById("btnComplete");
+                var actions_promise;
                 target0.scrollTop = 200;
 
                 var scrollListenerExecuted = false;
@@ -100,9 +104,22 @@
                         assert_equals(target0.scrollLeft, 0, "scroll x offset should be 0 in the end of the test");
                         assert_greater_than(target0.scrollTop, 200, "scroll y offset should be greater than 200 in the end of the test");
                     });
-                    test_touchaction.done();
+
+                    // Make sure the test finishes after all the input actions are completed.
+                    actions_promise.then( () => {
+                        test_touchaction.done();
+                    });
                     updateDescriptionComplete();
                 });
+
+                // Inject touch inputs.
+                actions_promise = touchScrollInTarget(target0, 'up').then(function() {
+                    return touchScrollInTarget(target0, 'right');
+                }).then(function() {
+                    return touchScrollInTarget(target0, 'down');
+                }).then(function() {
+                    return clickInTarget("touch", btnComplete);
+                });
             }
         </script>
         <h1>touch-action: pan-down</h1>

third_party/blink/web_tests/external/wpt/pointerevents/extension/pointerevent_touch-action-pan-left-css_touch-manual.html → third_party/blink/web_tests/external/wpt/pointerevents/extension/pointerevent_touch-action-pan-left-css_touch.html

@@ -7,6 +7,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>
         <script src="../pointerevent_support.js"></script>
         <style>
             #target0 {
@@ -83,6 +86,7 @@
             function run() {
                 var target0 = document.getElementById("target0");
                 var btnComplete = document.getElementById("btnComplete");
+                var actions_promise;
                 target0.scrollLeft = 200;
 
                 var scrollListenerExecuted = false;
@@ -100,9 +104,22 @@
                         assert_less_than(target0.scrollLeft, 200, "scroll x offset should be less than 200 in the end of the test");
                         assert_equals(target0.scrollTop, 0, "scroll y offset should be 0 in the end of the test");
                     });
-                    test_touchaction.done();
+
+                    // Make sure the test finishes after all the input actions are completed.
+                    actions_promise.then( () => {
+                        test_touchaction.done();
+                    });
                     updateDescriptionComplete();
                 });
+
+                // Inject touch inputs.
+                actions_promise = touchScrollInTarget(target0, 'down').then(function() {
+                    return touchScrollInTarget(target0, 'right');
+                }).then(function() {
+                    return touchScrollInTarget(target0, 'left');
+                }).then(function() {
+                    return clickInTarget("touch", btnComplete);
+                });
             }
         </script>
         <h1>touch-action: pan-left</h1>

third_party/blink/web_tests/external/wpt/pointerevents/extension/pointerevent_touch-action-pan-right-css_touch-manual.html → third_party/blink/web_tests/external/wpt/pointerevents/extension/pointerevent_touch-action-pan-right-css_touch.html

@@ -7,6 +7,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>
         <script src="../pointerevent_support.js"></script>
         <style>
             #target0 {
@@ -83,6 +86,7 @@
             function run() {
                 var target0 = document.getElementById("target0");
                 var btnComplete = document.getElementById("btnComplete");
+                var actions_promise;
                 target0.scrollLeft = 200;
 
                 var scrollListenerExecuted = false;
@@ -100,9 +104,22 @@
                         assert_greater_than(target0.scrollLeft, 200, "scroll x offset should be greater than 200 in the end of the test");
                         assert_equals(target0.scrollTop, 0, "scroll y offset should be 0 in the end of the test");
                     });
-                    test_touchaction.done();
+
+                    // Make sure the test finishes after all the input actions are completed.
+                    actions_promise.then( () => {
+                        test_touchaction.done();
+                    });
                     updateDescriptionComplete();
                 });
+
+                // Inject touch inputs.
+                actions_promise = touchScrollInTarget(target0, 'down').then(function() {
+                    return touchScrollInTarget(target0, 'left');
+                }).then(function() {
+                    return touchScrollInTarget(target0, 'right');
+                }).then(function() {
+                    return clickInTarget("touch", btnComplete);
+                });
             }
         </script>
         <h1>touch-action: pan-right</h1>

third_party/blink/web_tests/external/wpt/pointerevents/extension/pointerevent_touch-action-pan-up-css_touch-manual.html → third_party/blink/web_tests/external/wpt/pointerevents/extension/pointerevent_touch-action-pan-up-css_touch.html

@@ -7,6 +7,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>
         <script src="../pointerevent_support.js"></script>
         <style>
             #target0 {
@@ -83,6 +86,7 @@
             function run() {
                 var target0 = document.getElementById("target0");
                 var btnComplete = document.getElementById("btnComplete");
+                var actions_promise;
                 target0.scrollTop = 200;
 
                 var scrollListenerExecuted = false;
@@ -100,9 +104,22 @@
                         assert_equals(target0.scrollLeft, 0, "scroll x offset should be 0 in the end of the test");
                         assert_less_than(target0.scrollTop, 200, "scroll y offset should be less than 200 in the end of the test");
                     });
-                    test_touchaction.done();
+
+                    // Make sure the test finishes after all the input actions are completed.
+                    actions_promise.then( () => {
+                        test_touchaction.done();
+                    });
                     updateDescriptionComplete();
                 });
+
+                // Inject touch inputs.
+                actions_promise = touchScrollInTarget(target0, 'down').then(function() {
+                    return touchScrollInTarget(target0, 'right');
+                }).then(function() {
+                    return touchScrollInTarget(target0, 'up');
+                }).then(function() {
+                    return clickInTarget("touch", btnComplete);
+                });
             }
         </script>
         <h1>touch-action: pan-up</h1>

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

-importAutomationScript('/pointerevents/pointerevent_common_input.js');
-
-function inject_input() {
-  return mouseMoveIntoTarget('#target0').then(function() {
-    return mouseChordedButtonPress('#target0');
-  });
-}

third_party/blink/web_tests/external/wpt_automation/pointerevents/extension/pointerevent_touch-action-pan-down-css_touch-manual-automation.js

-importAutomationScript('/pointerevents/pointerevent_common_input.js');
-
-function inject_input() {
-  return touchScrollInTarget('#target0', 'up').then(function() {
-    return touchScrollInTarget('#target0', 'right');
-  }).then(function() {
-    return touchScrollInTarget('#target0', 'down');
-  }).then(function() {
-    btnComplete.click();
-  });
-}

third_party/blink/web_tests/external/wpt_automation/pointerevents/extension/pointerevent_touch-action-pan-left-css_touch-manual-automation.js

-importAutomationScript('/pointerevents/pointerevent_common_input.js');
-
-function inject_input() {
-  return touchScrollInTarget('#target0', 'down').then(function() {
-    return touchScrollInTarget('#target0', 'right');
-  }).then(function() {
-    return touchScrollInTarget('#target0', 'left');
-  }).then(function() {
-    return touchTapInTarget('#btnComplete');
-  });
-}
-

third_party/blink/web_tests/external/wpt_automation/pointerevents/extension/pointerevent_touch-action-pan-right-css_touch-manual-automation.js

-importAutomationScript('/pointerevents/pointerevent_common_input.js');
-
-function inject_input() {
-  return touchScrollInTarget('#target0', 'down').then(function() {
-    return touchScrollInTarget('#target0', 'left');
-  }).then(function() {
-    return touchScrollInTarget('#target0', 'right');
-  }).then(function() {
-    return touchTapInTarget('#btnComplete');
-  });
-}
-

third_party/blink/web_tests/external/wpt_automation/pointerevents/extension/pointerevent_touch-action-pan-up-css_touch-manual-automation.js

-importAutomationScript('/pointerevents/pointerevent_common_input.js');
-
-function inject_input() {
-  return touchScrollInTarget('#target0', 'down').then(function() {
-    return touchScrollInTarget('#target0', 'right');
-  }).then(function() {
-    return touchScrollInTarget('#target0', 'up');
-  }).then(function() {
-    btnComplete.click();
-  });
-}