1 files changed, 58 insertions, 0 deletions
diff --git a/testing/web-platform/tests/forced-colors-mode/forced-colors-mode-40.html b/testing/web-platform/tests/forced-colors-mode/forced-colors-mode-40.html
new file mode 100644
index 0000000000..481492d72e
--- /dev/null
+++ b/testing/web-platform/tests/forced-colors-mode/forced-colors-mode-40.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Forced colors mode - computed value.
+  Ensures that forced colors do not affect the computed style.
+</title>
+<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  div {
+    background-color: green;
+    border-color: green;
+    caret-color: green;
+    color: green;
+    column-rule-color: green;
+    fill: green;
+    flood-color: green;
+    lighting-color: green;
+    outline-color: green;
+    stop-color: green;
+    stroke: green;
+    text-decoration-color: green;
+    -webkit-tap-highlight-color: green;
+    -webkit-text-emphasis-color: green;
+  }
+</style>
+<div id="div">
+    Forced colors should not affect the computed style.
+</div>
+
+<script>
+  const properties_to_test = [
+    "background-color",
+    "border-bottom-color",
+    "border-left-color",
+    "border-right-color",
+    "border-top-color",
+    "caret-color",
+    "color",
+    "column-rule-color",
+    "fill",
+    "flood-color",
+    "lighting-color",
+    "outline-color",
+    "stop-color",
+    "stroke",
+    "text-decoration-color",
+    "-webkit-tap-highlight-color",
+    "-webkit-text-emphasis-color"
+  ];
+  for (let property of properties_to_test) {
+    test(function() {
+      let value = document.getElementById("div").computedStyleMap()
+          .get(property).toString();
+      assert_equals(value, "rgb(0, 128, 0)")
+    }, "Forced colors aren't applied at computed value time for " + property);
+  }
+</script>