[DevTools] Migrate inspector-protocol/{input,network} tests to new harness

third_party/WebKit/LayoutTests/inspector-protocol/input/dispatchKeyEvent-focus.js

Index: third_party/WebKit/LayoutTests/inspector-protocol/input/dispatchKeyEvent-focus.js
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/input/dispatchKeyEvent-focus.js b/third_party/WebKit/LayoutTests/inspector-protocol/input/dispatchKeyEvent-focus.js
new file mode 100644
index 0000000000000000000000000000000000000000..d22ffd8457d8134ebe17df5da8e6fc7546c26703
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/input/dispatchKeyEvent-focus.js
@@ -0,0 +1,69 @@
+(async function(testRunner) {
+  let {page, session, dp} = await testRunner.startHTML(`
+    <div id='inputs'>
+      <input id='foo' autofocus>
+      <input id='bar'>
+      <input id='baz'>
+    </div>
+  `, ``);
+
+  function type(text) {
+    for (var i = 0; i < text.length; ++i) {
+      var dec = text.charCodeAt(i);
+      var hex = 'U+00' + Number(dec).toString(16);
+      dp.Input.dispatchKeyEvent({
+        type: 'rawKeyDown',
+        windowsVirtualKeyCode: dec,
+        key: text[i]
+      });
+      dp.Input.dispatchKeyEvent({
+        type: 'char',
+        text: text[i],
+        key: text[i],
+        unmodifiedText: text[i]
+      });
+      dp.Input.dispatchKeyEvent({
+        type: 'keyUp',
+        windowsVirtualKeyCode: dec,
+        key: text[i]
+      });
+    }
+  }
+
+  function typeTab() {
+    dp.Input.dispatchKeyEvent({
+      type: 'rawKeyDown',
+      windowsVirtualKeyCode: 9,
+      key: 'Tab',
+    });
+    dp.Input.dispatchKeyEvent({
+      type: 'keyUp',
+      windowsVirtualKeyCode: 9,
+      key: 'Tab',
+    });
+  }
+
+  await session.evaluate(`
+    window.logs = [];
+    window.internals.setFocused(false);
+    document.querySelector('#foo').addEventListener('focus', () => logs.push('focus foo'), false);
+    document.querySelector('#foo').addEventListener('blur', () => logs.push('blur foo'), false);
+    document.querySelector('#bar').addEventListener('focus', () => logs.push('focus bar'), false);
+    document.querySelector('#bar').addEventListener('blur', () => logs.push('blur bar'), false);
+    document.querySelector('#baz').addEventListener('focus', () => logs.push('focus baz'), false);
+    document.querySelector('#baz').addEventListener('blur', () => logs.push('blur baz'), false);
+  `);
+  type('foo');
+  typeTab();
+  type('bar');
+  typeTab();
+  testRunner.log(await session.evaluate(`
+    logs.push('================');
+    logs.push('value of foo:' + document.getElementById('foo').value);
+    logs.push('value of bar:' + document.getElementById('bar').value);
+    logs.push('value of baz:' + document.getElementById('baz').value);
+    window.internals.setFocused(true);
+    logs.join('\\n')
+  `));
+  testRunner.completeTest();
+})