multi-screen-fullscreen-companion.tentative.https.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /window-management/multi-screen-fullscreen-companion.tentative.https.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta name="timeout" content="long">

<!-- user agents are not required to support open features other than `noopener`

     and on some platforms position and size features don't make sense -->

<meta name="flags" content="may">

<title>Window Management test: Fullscreen Companion Window</title>

<link rel="help" href="https://w3c.github.io/window-management/">

Tests use of multi-screen details to enter fullscreen and open a 'companion'

popup window in the same user activation.<br>

The host device must have 2+ screens to yield meaningful results.<br><br>

<button id="closeButton" onclick="closePopups">Close popups</button><br>

<input id="autoClose" type="checkbox" checked=true>Auto-close popups</input>

<ul id="list"></ul>

<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="resources/helpers.js"></script>

<script>

'use strict';

let popups = [];

function closePopups() {

  popups.forEach(p => p.close());

  popups = [];

promise_test(async setUpTest => {

  await setUpWindowManagement(setUpTest);

  const screens = window.screenDetails.screens;

  const originalScreen = window.screenDetails.currentScreen;

  for (const [i, screenA] of screens.entries()) {

    const screenB = screens[(i + 1) % screens.length];

    let name = `Fullscreen on '${screenA.label}'; popup on '${screenB.label}'`;

    promise_test(async test => {

      await buttonClick(test, name);

      await document.documentElement.requestFullscreen({ screen: screenA });

      await assertWindowOnScreen(window, screenA);

      // Expect the popup to open if multiple screens are available.

      const assertPlacement = screens.length > 1;

      const popup = await openPopupOnScreen(screenB, assertPlacement);

      if (!!popup)

        popups.push(popup);

      // Exit fullscreen; `window` should move back to `originalScreen`.

      await buttonClick(test, `Exit fullscreen`);

      await document.exitFullscreen();

      await assertWindowOnScreen(window, originalScreen);

      assert_false(!!document.fullscreenElement);

      if (autoClose.checked)

        closePopups();

    }, name);

}, 'Enter fullscreen and open a popup from one transient activation.');

</script>