lock-basic.html - mozsearch

Enable keyboard shortcuts

This test has a WPT meta file that expects 3 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /screen-orientation/lock-basic.html - WPT Dashboard Interop Dashboard

<!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>