Simulate user inputs in focus-visible tests in css/selectors/

Use testdriver Action API to simulate mouse actions in
css/selectors/focus-visible-006.html and
css/selectors/focus-visible-008.html.

Bug: 1145677
Change-Id: Id25c6120f1dbd489d4c803ee979e67ad5ef49f8c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2551818Reviewed-by: Mustaq Ahmed <mustaq@chromium.org>
Commit-Queue: Lan Wei <lanwei@chromium.org>
Cr-Commit-Position: refs/heads/master@{#838271}

third_party/blink/web_tests/external/wpt/css/selectors/focus-visible-006-manual.html → third_party/blink/web_tests/external/wpt/css/selectors/focus-visible-006.html

@@ -7,6 +7,9 @@
   <link rel="help" href="https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo" />
   <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>
   <style>
     span[contenteditable] {
         border: 1px solid black;
@@ -42,6 +45,8 @@
         assert_equals(getComputedStyle(el).outlineColor, "rgb(0, 100, 0)");
         t.done();
       }));
+
+      test_driver.click(el);
     }, "Focus should always match :focus-visible on content editable divs");
   </script>
 </body>

third_party/blink/web_tests/external/wpt/css/selectors/focus-visible-008-manual.html → third_party/blink/web_tests/external/wpt/css/selectors/focus-visible-008.html

@@ -7,6 +7,9 @@
   <link rel="help" href="https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo" />
   <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>
   <style>
     :focus-visible {
       outline: darkgreen auto 5px;
@@ -44,6 +47,12 @@
       el.focus();
     });
   }
+
+  const tab_key = '\ue004';
+  const enter_key = '\uE007';
+  test_driver.send_keys(el, tab_key).then(() => {
+    test_driver.send_keys(el, enter_key);
+  });
   </script>
 </body>
 </html>

third_party/blink/web_tests/external/wpt_automation/css/selectors/focus-visible-006-manual-automation.js

-importAutomationScript('/pointerevents/pointerevent_common_input.js');
-
-function inject_input() {
-  return mouseClickInTarget("#el");
-};

third_party/blink/web_tests/external/wpt_automation/css/selectors/focus-visible-008-manual-automation.js

-importAutomationScript('/input-events/inputevent_common_input.js');
-
-function inject_input() {
-  return keyDown("Tab").then(() => {
-      return keyDown("Enter");
-  });
-};