1 files changed, 64 insertions, 0 deletions
diff --git a/testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-03.html b/testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-03.html
new file mode 100644
index 0000000000..f8c8f349ba
--- /dev/null
+++ b/testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-03.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>
+  Forced colors mode - backplate.
+  Tests the backplate feature behind lists.
+</title>
+<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced">
+<link rel=match href="forced-colors-mode-backplate-03-ref.html">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<script src="../../common/reftest-wait.js"></script>
+<link rel="preload" as="image" href="../resources/test-image.jpg" onload="takeScreenshot()" />
+<style>
+  body {
+    background-image: url("../resources/test-image.jpg");
+    font-family: Ahem;
+    font-size: 10px;
+    left: 0%;
+    line-height: 10px;
+    text-align: justify;
+    width: 100px;
+  }
+  li {
+    margin-left: -8px;
+  }
+  #a {
+    forced-color-adjust: auto;
+  }
+  #b {
+    forced-color-adjust: none;
+  }
+</style>
+<body>
+  <div id="a">
+    <li>
+      There should be a backplate drawn
+  </div>
+  <br>
+  <div id="a">
+    <li>
+      behind the first three list items
+  </div>
+  <br>
+  <div id="a">
+    <li>
+      in forced colors mode.
+  </div>
+  <br>
+  <div id="b">
+    <li>
+      There should be NO backplate drawn
+  </div>
+  <br>
+  <div id="b">
+    <li>
+      behind the last three list items
+  </div>
+  <br>
+  <div id="b">
+    <li>
+      in forced colors mode.
+  </div>
+</body>
+</html>