121 lines
4.0 KiB
HTML
121 lines
4.0 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>Test for Bug 1187801</title>
|
|
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script type="application/javascript" src="file_fullscreen-utils.js"></script>
|
|
</head>
|
|
<body>
|
|
<iframe src="about:blank" allowfullscreen></iframe>
|
|
<script type="text/javascript">
|
|
|
|
/** Test for Bug 1187801 **/
|
|
|
|
function info(msg) {
|
|
opener.info("[nested] " + msg);
|
|
}
|
|
|
|
function ok(condition, msg) {
|
|
opener.ok(condition, "[nested] " + msg);
|
|
}
|
|
|
|
function is(a, b, msg) {
|
|
opener.is(a, b, "[nested] " + msg);
|
|
}
|
|
|
|
var gInnerDoc;
|
|
var gTestSteps;
|
|
var gTestIndex = 0;
|
|
|
|
function begin() {
|
|
var root = document.documentElement;
|
|
var iframe = document.querySelector("iframe");
|
|
var innerDoc = gInnerDoc = iframe.contentDocument;
|
|
var innerRoot = innerDoc.documentElement;
|
|
|
|
// The format of each test step is:
|
|
// [[action, target], [fsOuter, fsInner]] where:
|
|
// * "action" is either "enter" or "exit", means whether we want to
|
|
// enter or exit fullscreen in this step.
|
|
// * "target" is where we apply this action. For "enter" action, it
|
|
// is the element we want to call requestFullscreen() on, and for
|
|
// "exit", it is the document we want to call exitFullscreen() on.
|
|
// * "fsOuter" and "fsInner" are the expected fullscreen elements of
|
|
// the outer and inner document respectively after executing the
|
|
// action in this step.
|
|
gTestSteps = [
|
|
// innerRoot
|
|
[["enter", innerRoot], [iframe, innerRoot]],
|
|
[[ "exit", innerDoc], [ null, null]],
|
|
[["enter", innerRoot], [iframe, innerRoot]],
|
|
[[ "exit", document], [ null, null]],
|
|
// root, innerRoot
|
|
[["enter", root], [ root, null]],
|
|
[["enter", innerRoot], [iframe, innerRoot]],
|
|
[[ "exit", innerDoc], [ root, null]],
|
|
[[ "exit", document], [ null, null]],
|
|
[["enter", root], [ root, null]],
|
|
[["enter", innerRoot], [iframe, innerRoot]],
|
|
[[ "exit", document], [ root, null]],
|
|
[[ "exit", document], [ null, null]],
|
|
// iframe, innerRoot
|
|
[["enter", iframe], [iframe, null]],
|
|
[["enter", innerRoot], [iframe, innerRoot]],
|
|
[[ "exit", innerDoc], [iframe, null]],
|
|
[[ "exit", document], [ null, null]],
|
|
[["enter", iframe], [iframe, null]],
|
|
[["enter", innerRoot], [iframe, innerRoot]],
|
|
[[ "exit", document], [ null, null]],
|
|
// root, iframe, innerRoot
|
|
[["enter", root], [ root, null]],
|
|
[["enter", iframe], [iframe, null]],
|
|
[["enter", innerRoot], [iframe, innerRoot]],
|
|
[[ "exit", innerDoc], [iframe, null]],
|
|
[[ "exit", document], [ root, null]],
|
|
[[ "exit", document], [ null, null]],
|
|
[["enter", root], [ root, null]],
|
|
[["enter", iframe], [iframe, null]],
|
|
[["enter", innerRoot], [iframe, innerRoot]],
|
|
[[ "exit", document], [ root, null]],
|
|
[[ "exit", document], [ null, null]],
|
|
];
|
|
|
|
nextStep();
|
|
}
|
|
|
|
function nextStep() {
|
|
if (gTestIndex == gTestSteps.length) {
|
|
opener.nextTest();
|
|
return;
|
|
}
|
|
|
|
var index = gTestIndex;
|
|
var [[action, target], [fsOuter, fsInner]] = gTestSteps[gTestIndex++];
|
|
|
|
function checkAndNext() {
|
|
is(document.fullscreenElement, fsOuter,
|
|
`Fullscreen element of outer doc should match after step ${index}`);
|
|
is(gInnerDoc.fullscreenElement, fsInner,
|
|
`Fullscreen element of inner doc should match after step ${index}`);
|
|
nextStep();
|
|
}
|
|
|
|
info(`Executing step ${index}: ${action} on ${target}...`);
|
|
if (action == "enter") {
|
|
// For "enter" action, the target is the element
|
|
var doc = target.ownerDocument;
|
|
addFullscreenChangeContinuation("enter", checkAndNext, doc);
|
|
target.requestFullscreen();
|
|
} else if (action == "exit") {
|
|
// For "exit" action, the target is the document
|
|
addFullscreenChangeContinuation("exit", checkAndNext, target);
|
|
target.exitFullscreen();
|
|
} else {
|
|
ok(false, `Unknown action ${action}`);
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|