76 lines
2.8 KiB
HTML
76 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8" />
|
|
<meta viewport="width=device-width, initial-scale=1" />
|
|
<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 type="module">
|
|
import { attachIframe, makeCleanup, getOppositeOrientation } from "./resources/orientation-utils.js";
|
|
|
|
promise_test(async t => {
|
|
t.add_cleanup(makeCleanup());
|
|
await test_driver.bless("request full screen")
|
|
await document.documentElement.requestFullscreen();
|
|
const value = await screen.orientation.lock('any');
|
|
assert_equals(value, undefined);
|
|
}, "Test that screen.orientation.lock returns a promise which will be fulfilled with a void value.");
|
|
|
|
promise_test(async t => {
|
|
t.add_cleanup(makeCleanup());
|
|
await test_driver.bless("request full screen")
|
|
await document.documentElement.requestFullscreen();
|
|
const initialOrientation = screen.orientation.type;
|
|
const orientations = [
|
|
'any',
|
|
'natural',
|
|
'portrait',
|
|
'landscape',
|
|
'portrait-secondary',
|
|
'landscape-primary',
|
|
'landscape-secondary',
|
|
'portrait-primary',
|
|
];
|
|
for (const orientation of orientations) {
|
|
try {
|
|
await screen.orientation.lock(orientation);
|
|
} catch(err) {
|
|
if (err.name === "NotSupportedError") {
|
|
continue;
|
|
}
|
|
assert_unreached("Unknown error: " + err);
|
|
}
|
|
const { type } = screen.orientation;
|
|
switch (orientation) {
|
|
case 'any':
|
|
break;
|
|
case 'natural':
|
|
assert_true(type.endsWith("primary"), `Expected primary orientation for "${orientation}", got "${type}"`);
|
|
break;
|
|
case 'portrait':
|
|
assert_true(type.startsWith("portrait"), `Expected portrait orientation for "${orientation}", got "${type}"`);
|
|
break;
|
|
case 'landscape':
|
|
assert_true(type.startsWith("landscape"), `Expected landscape orientation for "${orientation}", got "${type}"`);
|
|
break;
|
|
default:
|
|
assert_equals(type, orientation, "Expected orientation to change");
|
|
break;
|
|
}
|
|
await screen.orientation.lock(initialOrientation);
|
|
}
|
|
}, "Test that screen.orientation.lock returns a pending promise.");
|
|
|
|
promise_test(async t => {
|
|
t.add_cleanup(makeCleanup());
|
|
await test_driver.bless("request full screen")
|
|
await document.documentElement.requestFullscreen();
|
|
const initialType = screen.orientation.type;
|
|
const newType = getOppositeOrientation();
|
|
const p = screen.orientation.lock(newType);
|
|
assert_equals(screen.orientation.type, initialType, "Must not change orientation until next spin of event loop");
|
|
await p;
|
|
const finalType = screen.orientation.type;
|
|
assert_true(finalType.startsWith(newType), `Expected type to start with ${newType}, got "${finalType}"`);
|
|
}, "Test that screen.orientation.lock() is actually async");
|
|
</script>
|