nested-documents.html

Enable keyboard shortcuts

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

<!DOCTYPE html>

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

<body>

  <script type="module">

    import {

      attachIframe,

      makeCleanup,

      getOppositeOrientation,

    } from "./resources/orientation-utils.js";

    promise_test(async (t) => {

      t.add_cleanup(makeCleanup());

      const iframe = await attachIframe();

      const iframeWin = iframe.contentWindow;

      // Go full screen

      await test_driver.bless("request full screen");

      await document.body.requestFullscreen();

      // Lock the orientation from the iframe

      const opposite = getOppositeOrientation();

      const iframePromise = iframeWin.screen.orientation.lock(opposite);

      // Calling lock() from top-level will cancel the iframe's promise

      const topPromise = window.screen.orientation.lock(opposite);

      await promise_rejects_dom(

t,

        "AbortError",

        iframeWin.DOMException,

        iframePromise

);

      await topPromise;

    }, "Requesting orientation lock from one document cancels the lock request from another document");

    promise_test(async (t) => {

      t.add_cleanup(makeCleanup());

      // Create 2 nested iframes

      const src = "/screen-orientation/resources/empty.html";

      const outerIframe = await attachIframe({ src: `${src}#1` });

      const innerIframe = await attachIframe({

        context: outerIframe.contentWindow,

        src: `${src}#2`,

});

      const iframes = [outerIframe, innerIframe];

      // Go full screen

      await test_driver.bless(

        "request full screen"

);

      await document.documentElement.requestFullscreen();

      const opposite = getOppositeOrientation();

      // Each iframe tries to lock the orientation

      const requestToLock = iframes.map((iframe) => {

        return {

          promise: iframe.contentWindow.screen.orientation.lock(opposite),

          context: iframe.contentWindow,

};

});

      // But calling lock() from top-level will aborts all iframe's promises

      const topPromise = window.screen.orientation.lock(opposite);

      // Check that all promises are rejected with AbortError

      for (let i = 0; i < requestToLock.length; i++) {

        const { promise, context } = requestToLock[i];

        await promise_rejects_dom(

t,

          "AbortError",

          context.DOMException,

          promise,

          `Expected request to lock orientation from iframe ${i} to abort`

);

      // Finally, top-level promise resolves

      await topPromise;

    }, "The orientation lock from one document affects lock requests from other documents");

  </script>

</body>