<!DOCTYPE HTML>
<html>
  <!--
  https://bugzilla.mozilla.org/show_bug.cgi?id=1430305
  Bug 1430305 - Implement ShadowRoot.fullscreenElement
  -->
  <head>
    <title>Bug 1430305</title>
    <script src="/tests/SimpleTest/SimpleTest.js">
    </script>
    <script src="/tests/SimpleTest/EventUtils.js">
    </script>
    <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
  </head>
  <body>
    <a target="_blank"
       href="https://bugzilla.mozilla.org/show_bug.cgi?id=1430305">
      Mozilla Bug 1430305</a>

    <div id="host"></div>

    <pre id="test">
      <script type="application/javascript">

        function begin() {
          var host = document.getElementById("host");
          var shadowRoot = host.attachShadow({mode: "open"});
          shadowRoot.innerHTML = "<div>test</div>";
          var elem = shadowRoot.firstChild;
          var gotFullscreenEvent = false;

          document.addEventListener("fullscreenchange", function (e) {
            if (document.fullscreenElement === host) {
              is(shadowRoot.fullscreenElement, elem,
                 "Expected element entered fullsceen");
              gotFullscreenEvent = true;
              document.exitFullscreen();
            } else {
              opener.ok(gotFullscreenEvent, "Entered fullscreen as expected");
              is(shadowRoot.fullscreenElement, null,
                 "Shouldn't have fullscreenElement anymore.");
              is(document.fullscreenElement, null,
                 "Shouldn't have fullscreenElement anymore.");
              opener.nextTest();
            }
          });
          elem.requestFullscreen();
        }
      </script>
    </pre>
  </body>
</html>
