Content - 683865a0e002a98c77bdd65d4de43c3b48cfec94 - 9dd82a9/fullscreen/model/move-to-fullscreen-iframe-manual.html

visit type:

Tip revision: 5276c19613837f7c1cee3f7d2c3cffbc75367a88 authored by Luke Bjerring on 28 March 2018, 14:30:14 UTC
Changes as per review

Tip revision: 5276c19

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>

Browse the archive

https://github.com/web-platform-tests/wpt