Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<body>
<meta name="timeout" content="long">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='interact'>
<p>Switch the page to background, then switch back in a minute.</p>
<iframe src='about:blank'></iframe>
<script>
var eventVisibleTest = async_test("Test that a change event is fired when the page is visible.");
var noEventHiddenTest = async_test("Test that change event is not fired when the page is not visible.");
var orientationUnchangeHiddenTest = async_test("Test that screen.orientation keeps returning the same orientation when the page is not visible.");
var orientationUpdateVisibleTest = async_test("Test that screen.orientation is updated once the page is visible again.");
var frameEventsTest = async_test("Test that the iframe got as many events as the main frame.");
var orientationChangeContinuation = null;
var orientationChangeEventListenerCalls = 0;
var orientationChangeEventListenerCallsForFrame = 0;
screen.orientation.addEventListener('change', function() {
orientationChangeEventListenerCalls++;
if (orientationChangeEventContinuation) {
setTimeout(orientationChangeEventContinuation);
orientationChangeEventContinuation = null;
}
});
window.frames[0].screen.orientation.addEventListener('change', function() {
orientationChangeEventListenerCallsForFrame++;
});
document.addEventListener("visibilitychange", function () {
if(document.hidden)
runNoEventHiddenTest();
else
runOrientationUpdateVisibleTest();
});
function runEventVisibleTest() {
eventVisibleTest.step(function() {
assert_false(document.hidden);
});
screen.orientation.lock("landscape-primary").then(function() {}, function() {});
orientationChangeEventContinuation = function() {
eventVisibleTest.step(function() {
assert_equals(orientationChangeEventListenerCalls, 1);
assert_equals(screen.orientation.type, "landscape-primary");
});
eventVisibleTest.done();
};
}
function runNoEventHiddenTest() {
noEventHiddenTest.step(function() {
assert_true(document.hidden);
});
screen.orientation.lock("portrait-primary").then(function() {}, function() {});
noEventHiddenTest.step(function() {
assert_equals(orientationChangeEventListenerCalls, 1);
});
noEventHiddenTest.done();
runOrientationUnchangeHiddenTest();
}
function runOrientationUnchangeHiddenTest() {
orientationUnchangeHiddenTest.step(function() {
assert_equals(screen.orientation.type, "landscape-primary");
});
orientationUnchangeHiddenTest.done();
}
function runOrientationUpdateVisibleTest() {
orientationChangeEventContinuation = function() {
orientationUpdateVisibleTest.step(function() {
assert_false(document.hidden);
// A change event should have been fired.
assert_equals(orientationChangeEventListenerCalls, 2);
// Should keep returning the start returning the orientation value.
assert_equals(screen.orientation.type, "portrait-primary");
});
orientationUpdateVisibleTest.done();
runFrameEventsTest();
};
}
function runFrameEventsTest() {
frameEventsTest.step(function() {
assert_equals(orientationChangeEventListenerCallsForFrame, orientationChangeEventListenerCalls);
});
frameEventsTest.done();
}
runEventVisibleTest();
</script>
</body>
</html>