From ab18d1e8ed5e1fb5ee77cf4b60ed356e9cfbec58 Mon Sep 17 00:00:00 2001
From: Mayank <9084735+mayank99@users.noreply.github.com>
Date: Tue, 12 Mar 2024 22:31:06 +0000
Subject: [PATCH] Bug 1884036 [wpt PR 44940] - [css-color] add test for
 LinkText and dark color-scheme, a=testonly

Automatic update from web-platform-tests
test for LinkText and dark mode in system-color-consistency.html
--
fix lint
--
fix test names
--
try testing VisitedTest using `href=""`?
--
revert
--

wpt-commits: 7f5e60c1a3fa88b775cc45c6e5b907f6798c0c21, 71b248db10103570a9884c7f9f9eb8b0244fe3db, e77397030e33fb8c6ec7bd89f635997ad7407dd8, 815808659c2aa62464d6717bf9a0cfdd60d8b26b, f2a043fa86c14563356cdf4ef490dc7944435b29
wpt-pr: 44940
---
 .../css/css-color/system-color-consistency.html    | 57 +++++++++++++---------
 1 file changed, 34 insertions(+), 23 deletions(-)

diff --git a/testing/web-platform/tests/css/css-color/system-color-consistency.html b/testing/web-platform/tests/css/css-color/system-color-consistency.html
index 4eb9d8110055..0d23d84ad25f 100644
--- a/testing/web-platform/tests/css/css-color/system-color-consistency.html
+++ b/testing/web-platform/tests/css/css-color/system-color-consistency.html
@@ -29,31 +29,42 @@
     <textarea name="text area"></textarea>
   </div>
   <mark id="mark">Marked text</mark>
+  <!-- Link -->
+  <a href="#" id="link">Link</a>
   </div>
+
   <script>
-    // Buttons
-    for (let element of document.getElementById("buttons").children) {
-      style = document.defaultView.getComputedStyle(element);
-      test_computed_value('color', 'ButtonBorder', style.getPropertyValue('border-color'), 'resolves to the same color as the border-color of a ' + element.name);
-      test_computed_value('color', 'ButtonFace', style.getPropertyValue('background-color'), 'resolves to the same color as the background-color of a ' + element.name);
-      test_computed_value('color', 'ButtonText', style.getPropertyValue('color'), 'resolves to the same color as text on a ' + element.name);
-    }
-
-    // CanvasText
-    style = document.defaultView.getComputedStyle(document.getElementsByTagName('html')[0]);
-    test_computed_value('color', 'CanvasText', style.getPropertyValue('color'), 'has the same color as the color of the html element');
-
-    // Field and FieldText
-    for (let element of document.getElementById("fields").children) {
-      style = document.defaultView.getComputedStyle(element);
-      test_computed_value('color', 'Field', style.getPropertyValue('background-color'), 'resolves to the same color as the background-color of a ' + element.name);
-      test_computed_value('color', 'FieldText', style.getPropertyValue('color'), 'resolves to the same color as text on a ' + element.name);
-    }
-
-    // Mark and MarkText
-    style = document.defaultView.getComputedStyle(document.getElementById('mark'));
-    test_computed_value('color', 'Mark', style.getPropertyValue('background-color'), 'has the same color as the background-color of a mark element');
-    test_computed_value('color', 'MarkText', style.getPropertyValue('color'), 'has the same color as the color of a mark element');
+    ['light', 'dark'].forEach(colorScheme => {
+      document.documentElement.style.colorScheme = colorScheme;
+
+      // Buttons
+      for (let element of document.getElementById("buttons").children) {
+        style = document.defaultView.getComputedStyle(element);
+        test_computed_value('color', 'ButtonBorder', style.getPropertyValue('border-color'), `resolves to the same color as the border-color of a ${element.name} (${colorScheme})`);
+        test_computed_value('color', 'ButtonFace', style.getPropertyValue('background-color'), `resolves to the same color as the background-color of a ${element.name} (${colorScheme})`);
+        test_computed_value('color', 'ButtonText', style.getPropertyValue('color'), `resolves to the same color as text on a ${element.name} (${colorScheme})`);
+      }
+
+      // CanvasText
+      style = document.defaultView.getComputedStyle(document.getElementsByTagName('html')[0]);
+      test_computed_value('color', 'CanvasText', style.getPropertyValue('color'), `has the same color as the color of the html element (${colorScheme})`);
+
+      // Field and FieldText
+      for (let element of document.getElementById("fields").children) {
+        style = document.defaultView.getComputedStyle(element);
+        test_computed_value('color', 'Field', style.getPropertyValue('background-color'), `resolves to the same color as the background-color of a ${element.name} (${colorScheme})`);
+        test_computed_value('color', 'FieldText', style.getPropertyValue('color'), `resolves to the same color as text on a ${element.name} (${colorScheme})`);
+      }
+
+      // Mark and MarkText
+      style = document.defaultView.getComputedStyle(document.getElementById('mark'));
+      test_computed_value('color', 'Mark', style.getPropertyValue('background-color'), `has the same color as the background-color of a mark element (${colorScheme})`);
+      test_computed_value('color', 'MarkText', style.getPropertyValue('color'), `has the same color as the color of a mark element (${colorScheme})`);
+
+      // LinkText
+      style = document.defaultView.getComputedStyle(document.getElementById('link'));
+      test_computed_value('color', 'LinkText', style.getPropertyValue('color'), `has the same color as the color of an anchor element (${colorScheme})`);
+    });
   </script>
 </body>
 
-- 
2.11.4.GIT