diff --git a/appmanifest/display-override-member/display-override-member-media-feature-browser-manual.tentative.html b/appmanifest/display-override-member/display-override-member-media-feature-browser-manual.tentative.html
new file mode 100644
index 00000000000000..8bc5b11896a548
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-browser-manual.tentative.html
@@ -0,0 +1,34 @@
+<!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="display-override-member-media-feature-browser.webmanifest" />
+<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/appmanifest/display-override-member/display-override-member-media-feature-browser.webmanifest b/appmanifest/display-override-member/display-override-member-media-feature-browser.webmanifest
new file mode 100644
index 00000000000000..f65c7de9add903
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-browser.webmanifest
@@ -0,0 +1,3 @@
+{
+    "display_override": [ "browser" ]
+}
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-browser.webmanifest.headers b/appmanifest/display-override-member/display-override-member-media-feature-browser.webmanifest.headers
new file mode 100644
index 00000000000000..2bab061d43ab9e
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-browser.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-fullscreen-manual.tentative.html b/appmanifest/display-override-member/display-override-member-media-feature-fullscreen-manual.tentative.html
new file mode 100644
index 00000000000000..b3cc4d396a6f5b
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-fullscreen-manual.tentative.html
@@ -0,0 +1,34 @@
+<!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="display-override-member-media-feature-fullscreen.webmanifest" />
+<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/appmanifest/display-override-member/display-override-member-media-feature-fullscreen.webmanifest b/appmanifest/display-override-member/display-override-member-media-feature-fullscreen.webmanifest
new file mode 100644
index 00000000000000..c43856c8a2104d
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-fullscreen.webmanifest
@@ -0,0 +1,3 @@
+{
+    "display_override": [ "fullscreen" ]
+}
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-fullscreen.webmanifest.headers b/appmanifest/display-override-member/display-override-member-media-feature-fullscreen.webmanifest.headers
new file mode 100644
index 00000000000000..2bab061d43ab9e
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-fullscreen.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui-manual.tentative.html b/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui-manual.tentative.html
new file mode 100644
index 00000000000000..1b69b2d469ba7c
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui-manual.tentative.html
@@ -0,0 +1,34 @@
+<!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="display-override-member-media-feature-minimal-ui.webmanifest" />
+<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/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui.webmanifest b/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui.webmanifest
new file mode 100644
index 00000000000000..68fcc760ca4544
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui.webmanifest
@@ -0,0 +1,3 @@
+{
+    "display_override": [ "minimal-ui" ]
+}
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui.webmanifest.headers b/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui.webmanifest.headers
new file mode 100644
index 00000000000000..2bab061d43ab9e
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-minimal-ui.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-standalone-manual.tentative.html b/appmanifest/display-override-member/display-override-member-media-feature-standalone-manual.tentative.html
new file mode 100644
index 00000000000000..bccba1f90e559a
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-standalone-manual.tentative.html
@@ -0,0 +1,34 @@
+<!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="display-override-member-media-feature-standalone.webmanifest" />
+<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/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser-manual.tentative.html b/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser-manual.tentative.html
new file mode 100644
index 00000000000000..e91ea4e331423f
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser-manual.tentative.html
@@ -0,0 +1,36 @@
+<!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="display-override-member-media-feature-standalone-overrides-browser.webmanifest" />
+<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/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser.webmanifest b/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser.webmanifest
new file mode 100644
index 00000000000000..0f33e3b82c032d
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser.webmanifest
@@ -0,0 +1,4 @@
+{
+    "display": "browser",
+    "display_override": [ "standalone" ]
+}
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser.webmanifest.headers b/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser.webmanifest.headers
new file mode 100644
index 00000000000000..2bab061d43ab9e
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-standalone-overrides-browser.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-standalone.webmanifest b/appmanifest/display-override-member/display-override-member-media-feature-standalone.webmanifest
new file mode 100644
index 00000000000000..c6f4b66b6f9378
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-standalone.webmanifest
@@ -0,0 +1,3 @@
+{
+    "display_override": [ "standalone" ]
+}
diff --git a/appmanifest/display-override-member/display-override-member-media-feature-standalone.webmanifest.headers b/appmanifest/display-override-member/display-override-member-media-feature-standalone.webmanifest.headers
new file mode 100644
index 00000000000000..2bab061d43ab9e
--- /dev/null
+++ b/appmanifest/display-override-member/display-override-member-media-feature-standalone.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
