<!
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 () {
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>
