From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 7 Apr 2024 19:32:43 +0200
Subject: Adding upstream version 1:115.7.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 ...n-window-controls-overlay-manual.tentative.html |  73 +++++++++++++++++++++
 ...s-window-controls-overlay-manual.tentative.html |  67 +++++++++++++++++++
 ...ber-media-feature-browser-manual.tentative.html |  35 ++++++++++
 ...-media-feature-fullscreen-manual.tentative.html |  35 ++++++++++
 ...-media-feature-minimal-ui-manual.tentative.html |  35 ++++++++++
 ...override-member-media-feature-service-worker.js |  59 +++++++++++++++++
 ...-media-feature-standalone-manual.tentative.html |  35 ++++++++++
 ...ndalone-overrides-browser-manual.tentative.html |  37 +++++++++++
 ...overlay-overrides-browser-manual.tentative.html |  43 ++++++++++++
 ...-app-region-window-controls-overlay.webmanifest |  12 ++++
 ...ion-window-controls-overlay.webmanifest.headers |   1 +
 ...t-variables-window-controls-overlay.webmanifest |  12 ++++
 ...les-window-controls-overlay.webmanifest.headers |   1 +
 ...erride-member-media-feature-browser.webmanifest |  11 ++++
 ...ember-media-feature-browser.webmanifest.headers |   1 +
 ...ide-member-media-feature-fullscreen.webmanifest |  11 ++++
 ...er-media-feature-fullscreen.webmanifest.headers |   1 +
 ...display-override-member-media-feature-manual.js |   4 ++
 ...ide-member-media-feature-minimal-ui.webmanifest |  11 ++++
 ...er-media-feature-minimal-ui.webmanifest.headers |   1 +
 ...eature-standalone-overrides-browser.webmanifest |  12 ++++
 ...tandalone-overrides-browser.webmanifest.headers |   1 +
 ...ide-member-media-feature-standalone.webmanifest |  11 ++++
 ...er-media-feature-standalone.webmanifest.headers |   1 +
 ...-controls-overlay-overrides-browser.webmanifest |  12 ++++
 ...s-overlay-overrides-browser.webmanifest.headers |   1 +
 .../display-override-member/resources/icon.png     | Bin 0 -> 8565 bytes
 27 files changed, 523 insertions(+)
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-app-region-window-controls-overlay-manual.tentative.html
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-css-environment-variables-window-controls-overlay-manual.tentative.html
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-browser-manual.tentative.html
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-fullscreen-manual.tentative.html
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui-manual.tentative.html
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-service-worker.js
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-standalone-manual.tentative.html
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser-manual.tentative.html
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-window-controls-overlay-overrides-browser-manual.tentative.html
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-app-region-window-controls-overlay.webmanifest
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-app-region-window-controls-overlay.webmanifest.headers
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest.headers
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-browser.webmanifest
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-browser.webmanifest.headers
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-fullscreen.webmanifest
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-fullscreen.webmanifest.headers
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-manual.js
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-minimal-ui.webmanifest
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-minimal-ui.webmanifest.headers
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest.headers
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone.webmanifest
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone.webmanifest.headers
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest.headers
 create mode 100644 testing/web-platform/tests/appmanifest/display-override-member/resources/icon.png

(limited to 'testing/web-platform/tests/appmanifest/display-override-member')

diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-app-region-window-controls-overlay-manual.tentative.html b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-app-region-window-controls-overlay-manual.tentative.html
new file mode 100644
index 0000000000..c802ba67fa
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-app-region-window-controls-overlay-manual.tentative.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Test app-region CSS property when "window-controls-overlay" in display-override member</title>
+  <link rel="manifest" href="resources/display-override-member-app-region-window-controls-overlay.webmanifest" />
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <h1>Test app-region CSS property when "window-controls-overlay" in display-override member</h1>
+  <style>
+    #draggableRectangle {
+      app-region: drag;
+      background-color: blue;
+      position: absolute;
+      top: 25px;
+      left: 25px;
+      width: 250px;
+      height: 250px;
+      color: white;
+    }
+
+    #outerRectangle {
+      background-color: green;
+      position: relative;
+      width: 300px;
+      height: 300px;
+      text-align: center;
+    }
+
+    #innerRectangle {
+      app-region: no-drag;
+      background-color: red;
+      position: absolute;
+      top: 50px;
+      left: 50px;
+      width: 150px;
+      height: 150px;
+    }
+  </style>
+
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="resources/display-override-member-media-feature-manual.js"></script>
+
+  <script>
+    setup({ explicit_timeout: true })
+    var manual_test = async_test("app-region element drags window");
+
+    window.addEventListener('DOMContentLoaded', function () {
+      document.getElementById('outerRectangle').addEventListener('click', manual_test.unreached_func('click event fired on outer rectangle'));
+      document.getElementById('innerRectangle').addEventListener('click', (e) => {e.stopPropagation();}, true);
+    });
+  </script>
+</head>
+
+<body>
+  <h1>Description</h1>
+  <p>This test validates that an element will drag the window around when running in "window-controls-overlay" mode.</p>
+  <h1>Manual Test Steps:</h1>
+  <p>
+    <ol>
+      <li> Install this app, and toggle into "window-controls-overlay" mode.</li>
+      <li> Click and drag the blue rectangle containing the text "Drag Me". This element has the app-region:drag CSS property set.</li>
+      <li> If the app window moves around as you drag the blue rectangle, <button onclick="manual_test.done()">Click Here</button>.</li>
+    </ol>
+  </p>
+  <div id="outerRectangle">
+    <div id="draggableRectangle">
+      Drag Me
+      <div id="innerRectangle">Not Draggable</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-css-environment-variables-window-controls-overlay-manual.tentative.html b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-css-environment-variables-window-controls-overlay-manual.tentative.html
new file mode 100644
index 0000000000..a49b4f6f98
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-css-environment-variables-window-controls-overlay-manual.tentative.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Test CSS environment variables when "window-controls-overlay" in display-override member</title>
+  <link rel="manifest" href="resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest" />
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <h1>Test CSS environment variables when "window-controls-overlay" in display-override member</h1>
+  <style>
+    #windowControlsOverlayElementStyle {
+      padding-left: env(titlebar-area-x);
+      padding-right: env(titlebar-area-width);
+      padding-top: env(titlebar-area-y);
+      padding-bottom: env(titlebar-area-height);
+    }
+  </style>
+
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="resources/display-override-member-media-feature-manual.js"></script>
+
+  <script>
+    setup({ explicit_timeout: true });
+    var manual_test = async_test("titlebar-area CSS environment variables");
+    manual_test.step_timeout(() => {
+      manual_test.force_timeout();
+      manual_test.done();
+    }, 60000);
+    manual_test.step(() => {
+      navigator.windowControlsOverlay.addEventListener('geometrychange', (event) => {
+        if (navigator.windowControlsOverlay.visible) {
+          const windowControlsOverlayElementStyle = document.getElementById('windowControlsOverlayElementStyle');
+          const x = getComputedStyle(windowControlsOverlayElementStyle).getPropertyValue('padding-left');
+          const w = getComputedStyle(windowControlsOverlayElementStyle).getPropertyValue('padding-right');
+          const y = getComputedStyle(windowControlsOverlayElementStyle).getPropertyValue('padding-top');
+          const h = getComputedStyle(windowControlsOverlayElementStyle).getPropertyValue('padding-bottom');
+          const boundingClientRect = navigator.windowControlsOverlay.getTitlebarAreaRect();
+          manual_test.step(() => {
+            assert_equals(x, boundingClientRect.x + 'px', 'CSS environment "titlebar-area-x" does not equal navigator.windowControlsOverlay.getTitlebarAreaRect().x');
+            assert_equals(y, boundingClientRect.y + 'px', 'CSS environment "titlebar-area-x" does not equal navigator.windowControlsOverlay.getTitlebarAreaRect().y');
+            assert_equals(w, boundingClientRect.width + 'px', 'CSS environment "titlebar-area-x" does not equal navigator.windowControlsOverlay.getTitlebarAreaRect().width');
+            assert_equals(h, boundingClientRect.height + 'px', 'CSS environment "titlebar-area-x" does not equal navigator.windowControlsOverlay.getTitlebarAreaRect().height');
+          });
+          manual_test.done();
+        }
+      });
+    });
+  </script>
+</head>
+
+<body>
+  <h1>Description</h1>
+  <p>This test validates that when in "window-controls-overlay" mode, the 'titlebar-area-*' CSS environment variables
+    match the values returned by navigator.windowControlsOverlay.getTitlebarAreaRect().</p>
+  <h1>Manual Test Steps:</h1>
+  <p>
+    <ol>
+      <li> Install this app, and toggle into "window-controls-overlay" mode.</li>
+      <li> Upon toggling into "window-controls-overlay" mode, the test will validate that the CSS enviroment variable
+        values match the JavaScript API.</li>
+    </ol>
+  Note: This test will automatically timeout and fail if not completed within 60 seconds.
+  </p>
+  <div id="windowControlsOverlayElementStyle"></div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-browser-manual.tentative.html b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-browser-manual.tentative.html
new file mode 100644
index 0000000000..d13d0986ad
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-browser-manual.tentative.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>Test "browser" in display-override member + media feature</title>
+<link rel="help" href="https://w3c.github.io/manifest/#dom-displaymodetype-browser" />
+<link rel="help" href="https://w3c.github.io/manifest/#the-display-mode-media-feature" />
+<link rel="manifest" href="resources/display-override-member-media-feature-browser.webmanifest" />
+<script src="resources/display-override-member-media-feature-manual.js"></script>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<h1>Test "browser" in display-override member + media feature</h1>
+<style>
+  .fail {
+    background-color: red;
+  }
+
+  @media all and (display-mode: browser) {
+    body {
+      background-color: green;
+    }
+  }
+</style>
+<script>
+const browser = matchMedia("(display-mode: browser)");
+
+browser.onchange = () => {
+  if (browser.matches) {
+    document.body.classList.remove("fail");
+  }
+}
+
+if (!browser.matches) {
+  document.body.classList.add("fail");
+}
+</script>
+<p>
+  To pass, the background color must be green after installing.
+</p>
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-fullscreen-manual.tentative.html b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-fullscreen-manual.tentative.html
new file mode 100644
index 0000000000..0b9923f8bd
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-fullscreen-manual.tentative.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>Test "fullscreen" in display-override member + media feature</title>
+<link rel="help" href="https://w3c.github.io/manifest/#dom-displaymodetype-fullscreen" />
+<link rel="help" href="https://w3c.github.io/manifest/#the-display-mode-media-feature" />
+<link rel="manifest" href="resources/display-override-member-media-feature-fullscreen.webmanifest" />
+<script src="resources/display-override-member-media-feature-manual.js"></script>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<h1>Test "fullscreen" in display-override member + media feature</h1>
+<style>
+  .fail {
+    background-color: red;
+  }
+
+  @media all and (display-mode: fullscreen) {
+    body {
+      background-color: green;
+    }
+  }
+</style>
+<script>
+const fullscreen = matchMedia("(display-mode: fullscreen)");
+
+fullscreen.onchange = () => {
+  if (fullscreen.matches) {
+    document.body.classList.remove("fail");
+  }
+}
+
+if (!fullscreen.matches) {
+  document.body.classList.add("fail");
+}
+</script>
+<p>
+  To pass, the background color must be green after installing.
+</p>
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui-manual.tentative.html b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui-manual.tentative.html
new file mode 100644
index 0000000000..5b9d63977d
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui-manual.tentative.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>Test "minimal-ui" in display-override member + media feature</title>
+<link rel="help" href="https://w3c.github.io/manifest/#dom-displaymodetype-minimal-ui" />
+<link rel="help" href="https://w3c.github.io/manifest/#the-display-mode-media-feature" />
+<link rel="manifest" href="resources/display-override-member-media-feature-minimal-ui.webmanifest" />
+<script src="resources/display-override-member-media-feature-manual.js"></script>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<h1>Test "minimal-ui" in display-override member + media feature</h1>
+<style>
+  .fail {
+    background-color: red;
+  }
+
+  @media all and (display-mode: minimal-ui) {
+    body {
+      background-color: green;
+    }
+  }
+</style>
+<script>
+const minimalUi = matchMedia("(display-mode: minimal-ui)");
+
+minimalUi.onchange = () => {
+  if (minimalUi.matches) {
+    document.body.classList.remove("fail");
+  }
+}
+
+if (!minimalUi.matches) {
+  document.body.classList.add("fail");
+}
+</script>
+<p>
+  To pass, the background color must be green after installing.
+</p>
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-service-worker.js b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-service-worker.js
new file mode 100644
index 0000000000..02818dc665
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-service-worker.js
@@ -0,0 +1,59 @@
+// Some user agents only offer app installation if there is a SW and it handles
+// offline requests.
+
+const cacheVersion = "1.2";
+const CACHE_NAME = `cache-v${cacheVersion}`;
+
+// The resources cached by this service worker.
+const resources = [
+  "display-override-member-app-region-window-controls-overlay-manual.tentative.html",
+  "display-override-member-css-environment-variables-window-controls-overlay-manual.tentative.html",
+  "display-override-member-media-feature-browser-manual.tentative.html",
+  "display-override-member-media-feature-fullscreen-manual.tentative.html",
+  "display-override-member-media-feature-minimal-ui-manual.tentative.html",
+  "display-override-member-media-feature-standalone-manual.tentative.html",
+  "display-override-member-media-feature-standalone-overrides-browser-manual.tentative.html",
+  "display-override-member-media-feature-window-controls-overlay-overrides-browser-manual.tentative.html",
+  "display-override-member-media-feature-service-worker.js",
+  "resources/display-override-member-media-feature-manual.js",
+  "resources/icon.png",
+];
+
+// Load all resources for this service worker.
+const precache = async () => {
+  const cache = await caches.open(CACHE_NAME);
+  await cache.addAll(resources);
+};
+
+// Get a resource from the cache.
+const fromCache = async request => {
+  const cache = await caches.open(CACHE_NAME);
+  return await cache.match(request.url);
+};
+
+// Attempt to get resources from the network first, fallback to the cache if we're
+// offline.
+const networkFallbackToCache = async request => {
+  try {
+    const response = await fetch(request);
+    if (response.ok) return response;
+  } catch (err) {}
+  return await fromCache(request);
+};
+
+// When we have a new service worker, update the caches and swap immediately.
+self.addEventListener("install", e => {
+  e.waitUntil(precache().then(() => self.skipWaiting()));
+});
+
+// Claim existing clients.
+self.addEventListener("activate", e => {
+  e.waitUntil(self.clients.claim());
+});
+
+// When a resource need to be fetched, check whether it is
+// contained in the cache and return the cached version, otherwise
+// get it from the network.
+self.addEventListener("fetch", e => {
+  e.respondWith(networkFallbackToCache(e.request));
+});
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-standalone-manual.tentative.html b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-standalone-manual.tentative.html
new file mode 100644
index 0000000000..db1ed38929
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-standalone-manual.tentative.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>Test "standalone" in display-override member + media feature</title>
+<link rel="help" href="https://w3c.github.io/manifest/#the-display-mode-media-feature" />
+<link rel="help" href="https://w3c.github.io/manifest/#dom-displaymodetype-standalone" />
+<link rel="manifest" href="resources/display-override-member-media-feature-standalone.webmanifest" />
+<script src="resources/display-override-member-media-feature-manual.js"></script>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<h1>Test "standalone" in display-override member + media feature</h1>
+<style>
+  .fail {
+    background-color: red;
+  }
+
+  @media all and (display-mode: standalone) {
+    body {
+      background-color: green;
+    }
+  }
+</style>
+<script>
+const standalone = matchMedia("(display-mode: standalone)");
+
+standalone.onchange = () => {
+  if (standalone.matches) {
+    document.body.classList.remove("fail");
+  }
+}
+
+if (!standalone.matches) {
+  document.body.classList.add("fail");
+}
+</script>
+<p>
+  To pass, the background color must be green after installing.
+</p>
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser-manual.tentative.html b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser-manual.tentative.html
new file mode 100644
index 0000000000..d42feb3fe2
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser-manual.tentative.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<title>Test "standalone" in display-override member + "browser" in display member + media feature</title>
+<link rel="help" href="https://w3c.github.io/manifest#display-member" />
+<link rel="help" href="https://w3c.github.io/manifest/#the-display-mode-media-feature" />
+<link rel="help" href="https://w3c.github.io/manifest/#dom-displaymodetype-browser" />
+<link rel="help" href="https://w3c.github.io/manifest/#dom-displaymodetype-standalone" />
+<link rel="manifest" href="resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest" />
+<script src="resources/display-override-member-media-feature-manual.js"></script>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<h1>Test "standalone" in display-override member + "browser" in display member + media feature</h1>
+<style>
+  .fail {
+    background-color: red;
+  }
+
+  @media all and (display-mode: standalone) {
+    body {
+      background-color: green;
+    }
+  }
+</style>
+<script>
+const standalone = matchMedia("(display-mode: standalone)");
+
+standalone.onchange = () => {
+  if (standalone.matches) {
+    document.body.classList.remove("fail");
+  }
+}
+
+if (!standalone.matches) {
+  document.body.classList.add("fail");
+}
+</script>
+<p>
+  To pass, the background color must be green after installing.
+</p>
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-window-controls-overlay-overrides-browser-manual.tentative.html b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-window-controls-overlay-overrides-browser-manual.tentative.html
new file mode 100644
index 0000000000..0929b43dec
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-window-controls-overlay-overrides-browser-manual.tentative.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<title>Test "window-controls-overlay" in display-override member + "browser" in display member + media feature</title>
+<link rel="help" href="https://w3c.github.io/manifest#display-member" />
+<link rel="help" href="https://w3c.github.io/manifest/#the-display-mode-media-feature" />
+<link rel="help" href="https://w3c.github.io/manifest/#dom-displaymodetype-browser" />
+<link rel="manifest" href="resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest" />
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script src="resources/display-override-member-media-feature-manual.js"></script>
+<h1>Test "window-controls-overlay" in display-override member + "browser" in display member + media feature</h1>
+<style>
+  .fail {
+    background-color: red;
+  }
+
+  @media all and (display-mode: standalone) {
+    body {
+      background-color: green;
+    }
+  }
+</style>
+<script>
+const standalone = matchMedia("(display-mode: standalone)");
+
+standalone.onchange = () => {
+  if (standalone.matches) {
+    document.body.classList.remove("fail");
+  }
+}
+
+if (!standalone.matches) {
+  document.body.classList.add("fail");
+}
+</script>
+
+<p>This test validates that the display-mode property is 'standalone' when the
+   installed app is running in "window-controls-overlay" mode.</p>
+<h2>Manual Test Steps:</h2>
+<p>
+  <ol>
+    <li>Install this app, and toggle into "window-controls-overlay" mode.</li>
+    <li>The background will be green if the test pases, otherwise red.</li>
+  </ol>
+</p>
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-app-region-window-controls-overlay.webmanifest b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-app-region-window-controls-overlay.webmanifest
new file mode 100644
index 0000000000..a5f3af06b7
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-app-region-window-controls-overlay.webmanifest
@@ -0,0 +1,12 @@
+{
+    "name": "Window Controls Overlay - app-region",
+    "icons": [
+        {
+            "src": "icon.png",
+            "sizes": "192x192"
+        }
+    ],
+    "start_url": "../display-override-member-app-region-window-controls-overlay-manual.tentative.html",
+    "display": "browser",
+    "display_override": [ "window-controls-overlay" ]
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-app-region-window-controls-overlay.webmanifest.headers b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-app-region-window-controls-overlay.webmanifest.headers
new file mode 100644
index 0000000000..2bab061d43
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-app-region-window-controls-overlay.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest
new file mode 100644
index 0000000000..ebfc0a0bd9
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest
@@ -0,0 +1,12 @@
+{
+    "name": "Window Controls Overlay - CSS environment variables",
+    "icons": [
+        {
+            "src": "icon.png",
+            "sizes": "192x192"
+        }
+    ],
+    "start_url": "../display-override-member-css-environment-variables-window-controls-overlay-manual.tentative.html",
+    "display": "browser",
+    "display_override": [ "window-controls-overlay" ]
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest.headers b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest.headers
new file mode 100644
index 0000000000..2bab061d43
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-css-environment-variables-window-controls-overlay.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-browser.webmanifest b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-browser.webmanifest
new file mode 100644
index 0000000000..a384f6f2c8
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-browser.webmanifest
@@ -0,0 +1,11 @@
+{
+    "name": "Display override member media feature WPT",
+    "icons": [
+        {
+            "src": "icon.png",
+            "sizes": "192x192"
+        }
+    ],
+    "start_url": "../display-override-member-media-feature-browser-manual.tentative.html",
+    "display_override": [ "browser" ]
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-browser.webmanifest.headers b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-browser.webmanifest.headers
new file mode 100644
index 0000000000..2bab061d43
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-browser.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-fullscreen.webmanifest b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-fullscreen.webmanifest
new file mode 100644
index 0000000000..70cad0a0ca
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-fullscreen.webmanifest
@@ -0,0 +1,11 @@
+{
+    "name": "Display override member media feature WPT",
+    "icons": [
+        {
+            "src": "icon.png",
+            "sizes": "192x192"
+        }
+    ],
+    "start_url": "../display-override-member-media-feature-fullscreen-manual.tentative.html",
+    "display_override": [ "fullscreen" ]
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-fullscreen.webmanifest.headers b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-fullscreen.webmanifest.headers
new file mode 100644
index 0000000000..2bab061d43
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-fullscreen.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-manual.js b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-manual.js
new file mode 100644
index 0000000000..eca350245f
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-manual.js
@@ -0,0 +1,4 @@
+if ('serviceWorker' in navigator) {
+  navigator.serviceWorker.register(
+    'display-override-member-media-feature-service-worker.js');
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-minimal-ui.webmanifest b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-minimal-ui.webmanifest
new file mode 100644
index 0000000000..474f58526b
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-minimal-ui.webmanifest
@@ -0,0 +1,11 @@
+{
+    "name": "Display override member media feature WPT",
+    "icons": [
+        {
+            "src": "icon.png",
+            "sizes": "192x192"
+        }
+    ],
+    "start_url": "../display-override-member-media-feature-browser-manual.tentative.html",
+    "display_override": [ "minimal-ui" ]
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-minimal-ui.webmanifest.headers b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-minimal-ui.webmanifest.headers
new file mode 100644
index 0000000000..2bab061d43
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-minimal-ui.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest
new file mode 100644
index 0000000000..dcdd293ab7
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest
@@ -0,0 +1,12 @@
+{
+    "name": "Display override member media feature WPT",
+    "icons": [
+        {
+            "src": "icon.png",
+            "sizes": "192x192"
+        }
+    ],
+    "start_url": "../display-override-member-media-feature-browser-manual.tentative.html",
+    "display": "browser",
+    "display_override": [ "standalone" ]
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest.headers b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest.headers
new file mode 100644
index 0000000000..2bab061d43
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone-overrides-browser.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone.webmanifest b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone.webmanifest
new file mode 100644
index 0000000000..dfd6b77a25
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone.webmanifest
@@ -0,0 +1,11 @@
+{
+    "name": "Display override member media feature WPT",
+    "icons": [
+        {
+            "src": "icon.png",
+            "sizes": "192x192"
+        }
+    ],
+    "start_url": "../display-override-member-media-feature-browser-manual.tentative.html",
+    "display_override": [ "standalone" ]
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone.webmanifest.headers b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone.webmanifest.headers
new file mode 100644
index 0000000000..2bab061d43
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-standalone.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest
new file mode 100644
index 0000000000..75e91eaf87
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest
@@ -0,0 +1,12 @@
+{
+    "name": "Window Controls Overlay - CSS environment variables",
+    "icons": [
+        {
+            "src": "icon.png",
+            "sizes": "192x192"
+        }
+    ],
+    "start_url": "../display-override-member-media-feature-window-controls-overlay-overrides-browser-manual.tentative.html",
+    "display": "browser",
+    "display_override": [ "window-controls-overlay" ]
+}
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest.headers b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest.headers
new file mode 100644
index 0000000000..2bab061d43
--- /dev/null
+++ b/testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-window-controls-overlay-overrides-browser.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/testing/web-platform/tests/appmanifest/display-override-member/resources/icon.png b/testing/web-platform/tests/appmanifest/display-override-member/resources/icon.png
new file mode 100644
index 0000000000..637cc8daf4
Binary files /dev/null and b/testing/web-platform/tests/appmanifest/display-override-member/resources/icon.png differ
-- 
cgit v1.2.3