Skip to main content

Browse the archive

https://github.com/web-platform-tests/wpt
26 December 2018, 22:31:15 UTC
Raw File
Tip revision: 52900e8f91575e90ed01bfeacaf8f2ad7c55529d authored by James Graham on 21 March 2018, 15:54:47 UTC
commit f712edbaad27ef27fde23681673a8e7b2e4b8534
Tip revision: 52900e8
move-to-fullscreen-iframe-manual.html 
<!DOCTYPE html>
<title>Moving fullscreen document's body into a fullscreen iframe</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../trusted-click.js"></script>
<iframe allowfullscreen></iframe>
<script>
async_test(t => {
  const iframe = document.querySelector('iframe');
  const iframeDoc = iframe.contentDocument;

  // Enter fullscreen for the iframe's body element.
  trusted_request(t, iframeDoc.body, document.body);
  document.onfullscreenchange = t.step_func(() => {
    assert_equals(document.fullscreenElement, iframe, "document's initial fullscreen element");
    assert_equals(iframeDoc.fullscreenElement, iframeDoc.body, "iframe's initial fullscreen element");

    // Then, move the outer document's body into the iframe. This is an unusual
    // thing to do, but means that the iframe is removed from its document and
    // should trigger fullscreen exit.
    iframeDoc.documentElement.appendChild(document.body);

    // If we exit in an orderly fashion, that's all one can ask for.
    document.onfullscreenchange = t.step_func_done(() => {
      assert_equals(document.fullscreenElement, null, "document's final fullscreen element");

      // Because the iframe was removed, its browsing context was discarded and
      // its contentDocument has become null. Because that browsing context was
      // neither a descendant browsing context nor had an active document,
      // nothing at all was done with it in the exit fullscreen algorithm, so
      // its fullscreenElement is unchanged.
      assert_equals(iframe.contentDocument, null, "iframe's content document");
      assert_equals(iframeDoc.fullscreenElement, iframeDoc.body, "iframe's final fullscreen element");
    });
  });
});
</script>
back to top