[WPT] Add automated manual test for InputEvent typing

Passed on Chrome and Safari. BUG=652439 Review-Url: https://codereview.chromium.org/2919603002 Cr-Commit-Position: refs/heads/master@{#476377}

[WPT] Add automated manual test for InputEvent typing
Passed on Chrome and Safari. BUG=652439 Review-Url: https://codereview.chromium.org/2919603002 Cr-Commit-Position: refs/heads/master@{#476377}
ff45c14f · chongz · Commit Bot · d2f0dd39 · ff45c14f · ff45c14f
Commit ff45c14f authored Jun 01, 2017 by chongz Committed by Commit Bot Jun 01, 2017
4 changed files
--- a/third_party/WebKit/LayoutTests/external/wpt/input-events/input-events-typing-data-manual.html
+++ b/third_party/WebKit/LayoutTests/external/wpt/input-events/input-events-typing-data-manual.html
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>InputEvent have data when typing on textarea and contenteditable</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<p>To manually run this test, please follow the steps below:<br/>
+1. Focus the first box and press key 'a' and then 'b'.<br/>
+2. Focus the second box and press key 'c' and then 'd'.<br/>
+<br/>
+If a "PASS" result appears the test passes, otherwise it fails</p>
+<textarea id='plain'></textarea>
+<div id='rich' style='border-style: solid;' contenteditable></div>
+<script>
+async_test(t => {
+    const expectedResult = [
+        'plain-beforeinput-a',
+        'plain-input-a',
+        'plain-beforeinput-b',
+        'plain-input-b',
+        'rich-beforeinput-c',
+        'rich-input-c',
+        'rich-beforeinput-d',
+        'rich-input-d',
+    ];
+    let eventCounter = 0;
+    for (const targetId of ['plain', 'rich']) {
+        for (const eventType of ['beforeinput', 'input']) {
+            document.getElementById(targetId).addEventListener(eventType, t.step_func(e => {
+                assert_equals(`${targetId}-${eventType}-${e.data}`, expectedResult[eventCounter]);
+                ++eventCounter;
+                if (eventCounter === expectedResult.length)
+                    t.done();
+            }));
+        }
+    }
+})
+</script>
--- a/third_party/WebKit/LayoutTests/external/wpt_automation/input-events/input-events-typing-data-manual-automation.js
+++ b/third_party/WebKit/LayoutTests/external/wpt_automation/input-events/input-events-typing-data-manual-automation.js
+importAutomationScript('/input-events/inputevent_common_input.js');
+function inject_input() {
+  return focusAndKeyDown('#plain', 'a').then(() => {
+    return keyDown('b');
+  }).then(() => {
+    return focusAndKeyDown('#rich', 'c');
+  }).then(() => {
+    return keyDown('d');
+  });
+}
--- a/third_party/WebKit/LayoutTests/external/wpt_automation/input-events/inputevent_common_input.js
+++ b/third_party/WebKit/LayoutTests/external/wpt_automation/input-events/inputevent_common_input.js
+// Returns a Promise for future conversion into WebDriver-backed API.
+function keyDown(key, modifiers) {
+  return new Promise(function(resolve, reject) {
+    if (window.eventSender) {
+      eventSender.keyDown(key, modifiers);
+      resolve();
+    } else {
+      reject();
+    }
+  });
+}
+function focusAndKeyDown(selector, key, modifiers) {
+  document.querySelector(selector).focus();
+  return keyDown(key, modifiers);
+}
+{
+  const inputevent_automation = async_test("InputEvent Automation");
+  // Defined in every test and should return a promise that gets resolved when input is finished.
+  inject_input().then(inputevent_automation.step_func_done());
+}
--- a/third_party/WebKit/LayoutTests/resources/testharnessreport.js
+++ b/third_party/WebKit/LayoutTests/resources/testharnessreport.js
@@ -119,7 +119,8 @@
        } else if (pathAndBase.startsWith('/pointerevents/')
                   || pathAndBase.startsWith('/uievents/')
                   || pathAndBase.startsWith('/pointerlock/')
-                   || pathAndBase.startsWith('/html/')) {
+                   || pathAndBase.startsWith('/html/')
+                   || pathAndBase.startsWith('/input-events/')) {
            // Per-test automation scripts.
            src = automationPath + pathAndBase + '-automation.js';
        } else {