<!DOCTYPE html>
<meta charset="utf-8">
<title>HTML Test: focus() on shadow host within an iframe with delegatesFocus</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<body>
<script>
test(() => {
  const iframe = document.createElement("iframe");
  document.body.appendChild(iframe);
  iframe.addEventListener("load", () => {
    iframe.contentDocument.body.innerHTML =
            `<div id="host"></div>`;
    const host = iframe.contentDocument.getElementById("host");
    const firstInput = iframe.contentDocument.createElement("input");
    const secondInput = iframe.contentDocument.createElement("input");

    host.attachShadow({mode: 'open', delegatesFocus: true});
    host.shadowRoot.appendChild(firstInput);
    host.shadowRoot.appendChild(secondInput);

    iframe.contentDocument.body.appendChild(host);

    secondInput.focus();
    assert_equals(host.shadowRoot.activeElement, secondInput);

    // host is a shadow-including-ancestor of secondInput, so
    // the focus should remain secondInput.
    host.focus();
    assert_equals(host.shadowRoot.activeElement, secondInput);
  });
}, "focus delegate step should not be run when the focus target is a shadow-including inclusive ancestor of the current focus.");
</script>
</body>
