35 lines
932 B
HTML
35 lines
932 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 id="host">
|
|
<input id="first" slot="x">
|
|
<input id="second" slot="y">
|
|
</div>
|
|
<div id="result">FAIL</div>
|
|
<script>
|
|
|
|
document.getElementById('host').attachShadow({mode: 'closed'}).innerHTML = `
|
|
<div><slot name=x></slot></div>
|
|
<div><slot name=y></slot></div>`;
|
|
|
|
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>
|