33 lines
875 B
HTML
33 lines
875 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<p>This tests moving a focus across slotted input elements.
|
||
|
|
To test manually, press Tab key to move the focus from the first input element to the next.</p>
|
||
|
|
<div>
|
||
|
|
<div><input id="first"> <span></span></div>
|
||
|
|
<div><input id="second"></div>
|
||
|
|
</div>
|
||
|
|
<div id="result">FAIL</div>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
document.querySelector('span').attachShadow({mode: 'closed'}).innerHTML = '';
|
||
|
|
|
||
|
|
document.getElementById('first').focus();
|
||
|
|
const resultElement = document.getElementById('result');
|
||
|
|
const secondInputElement = document.getElementById('second');
|
||
|
|
|
||
|
|
if (window.eventSender) {
|
||
|
|
testRunner.dumpAsText();
|
||
|
|
testRunner.waitUntilDone();
|
||
|
|
|
||
|
|
eventSender.keyDown('\t');
|
||
|
|
setTimeout(() => {
|
||
|
|
resultElement.textContent = document.activeElement == secondInputElement ? 'PASS' : 'FAIL'
|
||
|
|
testRunner.notifyDone();
|
||
|
|
}, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|