<!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>