<!DOCTYPE html>
<html>
<body>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/page-visibility/resources/window_state_context.js"></script>
<script src="../resources/orientation-event-helpers.js"></script>
<script>
'use strict';
promise_test(async (t) => {
const helper = new SensorTestHelper(t, 'deviceorientation');
await helper.grantSensorsPermissions();
await helper.initializeSensors();
const orientationData = generateOrientationData(1, 2, 3, false);
await helper.setData(orientationData);
const event = getExpectedOrientationEvent(orientationData);
await waitForEvent(event);
const {minimize, restore} = window_state_context(t);
await minimize();
assert_true(document.hidden);
let hiddenEventPromise = new Promise((resolve, reject) => {
window.addEventListener(
'deviceorientation',
event => {
if (document.hidden) {
reject();
} else {
resolve();
}
},
{ once: true });
});
// Sleep for a while to make sure no deviceorientation events are fired
// while the page is hidden.
await new Promise(resolve => { t.step_timeout(resolve, 100); });
await restore();
assert_false(document.hidden);
return Promise.all([hiddenEventPromise, waitForEvent(event)]);
}, 'Tests to check that deviceorientation events are not fired when the page is not visible.');
</script>
</body>
</html>