orientation-reading.html | Explore in Territory

<!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">
"use strict";
import {
  makeCleanup,
  getOppositeOrientation,
} from "./resources/orientation-utils.js";

test(() => {
  assert_true("type" in screen.orientation, ".type must be present");
  assert_true("angle" in screen.orientation, ".angle must be present");
}, "screen.orientation attributes are present");

async function testExpectedOrientationAngles(expectedAngles) {
  for (const [orientation, expectedAngle] of Object.entries(expectedAngles)) {
    try {
      if (screen.orientation.type !== orientation) {
        await screen.orientation.lock(orientation);
      }
      assert_equals(
        screen.orientation.angle,
        expectedAngle,
        `Orientation angle for '${orientation}' must be ${expectedAngle} degrees`
      );
    } catch (err) {
      // implementation might not support locking to this orientation
    }
  }
}

promise_test(async (t) => {
  t.add_cleanup(makeCleanup());
  await test_driver.bless("request full screen");
  await document.documentElement.requestFullscreen();

  const expectedAnglesPortrait = {
    "portrait-primary": 0,
    "landscape-primary": 90,
    "portrait-secondary": 180,
    "landscape-secondary": 270,
  };

  await testExpectedOrientationAngles(expectedAnglesPortrait);
}, "Test the orientations and associated angles when the natural orientation is 'portrait'");

promise_test(async (t) => {
  t.add_cleanup(makeCleanup());
  await test_driver.bless("request full screen");
  await document.documentElement.requestFullscreen();

  const expectedAnglesLandscape = {
    "landscape-primary": 0,
    "portrait-primary": 90,
    "landscape-secondary": 180,
    "portrait-secondary": 270,
  };

  await testExpectedOrientationAngles(expectedAnglesLandscape);
}, "Test the orientations and associated angles when the natural orientation is 'landscape'");

test(() => {
  const { angle, type } = screen.orientation;

  assert_throws_js(
    TypeError,
    () => {
      screen.orientation.type = "foo";
    },
    "throws when setting ScreenOrientation.type to a string in strict mode"
  );
  assert_throws_js(
    TypeError,
    () => {
      screen.orientation.angle = 42;
    },
    "throws when setting ScreenOrientation.angle to a number in strict mode"
  );

  assert_equals(screen.orientation.type, type);
  assert_equals(screen.orientation.angle, angle);
}, "Test that ScreenOrientation properties are not writable");

test(() => {
  assert_equals(screen.orientation, screen.orientation);
}, "Test that ScreenOrientation is always the same object");

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 initialAngle = screen.orientation.angle;
  const orientationWatcher = new EventWatcher(t, screen.orientation, "change");
  const newOrientationType = getOppositeOrientation();

  // change event is fired before resolving promise by lock.
  const event = await Promise.race([
    orientationWatcher.wait_for("change"),
    screen.orientation.lock(newOrientationType),
  ]);
  assert_true(event instanceof Event, "expected event");
  assert_not_equals(
    screen.orientation.type,
    initialType,
    ".type must change"
  );
  assert_not_equals(
    screen.orientation.angle,
    initialAngle,
    ".angle must change"
  );
}, "Test that ScreenOrientation's attribute values change after 'change' event fires");
</script>
chromium/third_party/blink/web_tests/external/wpt/screen-orientation/orientation-reading.html
