1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
|
<!DOCTYPE html>
<meta name="timeout" content="long" />
<title>
Prevent hidden documents from locking orientation
</title>
<link rel="help" href="https://github.com/w3c/screen-orientation/pull/232" />
<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 type="module">
import { makeCleanup, getOppositeOrientation } from "./resources/orientation-utils.js";
promise_test(async (t) => {
const { minimize, restore } = window_state_context(t);
t.add_cleanup(restore);
await minimize();
assert_equals(document.visibilityState, "hidden", "Document must be hidden");
await promise_rejects_dom(t, "SecurityError", screen.orientation.lock(getOppositeOrientation()));
}, "hidden documents must reject went trying to call lock or unlock");
promise_test(async (t) => {
const { minimize, restore } = window_state_context(t);
t.add_cleanup(restore);
await minimize();
assert_equals(document.visibilityState, "hidden", "Document must be hidden");
assert_throws_dom("SecurityError", () => screen.orientation.unlock());
}, "hidden documents must reject went trying to call unlock");
promise_test(async (t) => {
const { minimize, restore } = window_state_context(t);
t.add_cleanup(makeCleanup());
await test_driver.bless("request full screen");
await document.documentElement.requestFullscreen();
await screen.orientation.lock(getOppositeOrientation());
await minimize();
assert_equals(document.visibilityState, "hidden", "Document must be hidden");
assert_throws_dom("SecurityError", () => screen.orientation.unlock());
}, "hidden documents must not unlock the screen orientation");
promise_test(async (t) => {
const { minimize, restore } = window_state_context(t);
t.add_cleanup(makeCleanup());
await test_driver.bless("request full screen");
await document.documentElement.requestFullscreen();
await screen.orientation.lock(getOppositeOrientation());
await minimize();
assert_equals(document.visibilityState, "hidden");
await promise_rejects_dom(t, "SecurityError", screen.orientation.lock(getOppositeOrientation()));
// Maximize, now everything should work as expected.
await restore();
assert_equals(document.visibilityState, "visible");
await test_driver.bless("request full screen");
await document.documentElement.requestFullscreen();
await screen.orientation.lock(getOppositeOrientation());
screen.orientation.unlock();
}, "Once maximized, a minimized window can lock or unlock the screen orientation again");
</script>
|