<!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>
<style> svg { width: 10px; height: 10px; } </style>
<div>
    <div><input id="first" value="hello"> <svg><use xlink:href="#foo"></use></svg></div>
    <div><input id="second" value="world"> <svg id="foo"><circle cx=5 cy=5 r=5></svg></div>
</div>
<div id="result">FAIL</div>
<script>

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>
