blob: 2f5332a0db8eb1a531a01d14f1f40e04ea01853c [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<meta charset="utf8">
<script src="../../../resources/ui-helper.js"></script>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
</script>
</head>
<body onkeydown="handleKeyDown(event)" onkeyup="handleKeyUp(event)">
<p>This tests that DOM keydown and keyup events are dispatched to a non-editable &lt;body&gt; on iOS when pressing special keys on a hardware keyboard. To run this test manually, verify that two messages are emitted when you press the following keys: <kbd>Tab</kbd>, <kbd></kbd>, <kbd></kbd>, <kbd></kbd>, <kbd></kbd>, <kbd>Delete</kbd>, <kbd>End</kbd>, <kbd>Enter</kbd>, <kbd>Escape</kbd>, <kbd>Home</kbd><!-- FIXME: Add <kbd>Insert</kbd> once <rdar://problem/47128940> is fixed. -->, left <kbd>Alt</kbd>, left <kbd>⌘ Command</kbd>, left <kbd>Ctrl</kbd>, left <kbd>⇧ Shift</kbd>, <kbd>Page Down</kbd>, <kbd>Page Up</kbd>, <kbd>Return</kbd>, right <kbd>Alt</kbd>, right <kbd>⌘ Command</kbd>, right <kbd>Ctrl</kbd>, right <kbd>⇧ Shift</kbd>, <kbd>Numpad ,</kbd>, </kbd><kbd>F1</kbd>, <kbd>F2</kbd>, <kbd>F3</kbd>, <kbd>F4</kbd>, <kbd>F5</kbd>, <kbd>F6</kbd>, <kbd>F7</kbd>, <kbd>F8</kbd>, <kbd>F9</kbd>, <kbd>F10</kbd>, <kbd>F11</kbd>, <kbd>F12</kbd>, <kbd>F13</kbd>, <kbd>F14</kbd>, <kbd>F15</kbd>, <kbd>F16</kbd><!-- FIXME: Add <kbd>F17</kbd>, <kbd>F18</kbd>, <kbd>F19</kbd>, <kbd>F20</kbd>, <kbd>F21</kbd>, <kbd>F22</kbd>, <kbd>F23</kbd>, <kbd>F24</kbd> once <rdar://problem/47128940> is fixed.-->.
</p>
<pre id="console"></pre>
<script>
var remainingKeysToPress = [
"\t",
"upArrow",
"downArrow",
"leftArrow",
"rightArrow",
"delete",
"end",
"enter",
"escape",
"home",
// FIXME: Add "insert" once <rdar://problem/47128940> is fixed.
"leftAlt",
"leftCommand",
"leftControl",
"leftShift",
"pageDown",
"pageUp",
"return",
"rightAlt",
"rightCommand",
"rightControl",
"rightShift",
"numpadComma",
];
// FIXME: Check function keys up to F24 once <rdar://problem/47128940> is fixed.
for (let i = 1; i <= 16; ++i)
remainingKeysToPress.push("F" + i);
async function nextKeyPress()
{
if (!remainingKeysToPress.length) {
if (window.testRunner)
testRunner.notifyDone();
return;
}
let nextKey = remainingKeysToPress.shift();
UIHelper.typeCharacter(nextKey);
}
function handleKeyDown(event)
{
logKeyEvent(event);
}
function handleKeyUp(event)
{
logKeyEvent(event);
nextKeyPress();
}
function log(message)
{
document.getElementById("console").appendChild(document.createTextNode(message + "\n"));
}
function logKeyEvent(event)
{
let pieces = [];
for (let propertyName of ["type", "key", "code", "keyIdentifier", "keyCode", "charCode", "keyCode", "which"])
pieces.push(`${propertyName}: ${event[propertyName]}`);
log(pieces.join(", "));
}
function runTest()
{
if (!window.testRunner)
return;
nextKeyPress();
}
runTest();
</script>
</body>
</html>