[css-text-decor] Update to match spec change

See w3c/csswg-drafts#7522

css/css-text-decor/text-decoration-line-grammar-error-color-001-ref.html

@@ -8,5 +8,6 @@
   }
 </style>
 
-<p>The test passes if "quikc" has a grammar error marker that is not the default color (usually green).</p>
+<p>The test passes if the grammar error marker on both instances of "quikc" have the same color.
+<div>The <span>quikc</span> brown fox.</div>
 <div>The <span>quikc</span> brown fox.</div>

css/css-text-decor/text-decoration-line-grammar-error-color-002.optional.html → css/css-text-decor/text-decoration-line-grammar-error-color-001.html

@@ -3,19 +3,17 @@
 <title>CSS Text Decoration Test: text-decoration-line: grammar-error color</title>
 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-line-grammar-error">
-<meta name="assert" content="This test checks that it is possible to tweak the color of 'text-decoration-line: grammar-error' with 'text-decoration-color' property.">
-<link rel="match" href="text-decoration-line-grammar-error-color-002-ref.html">
+<meta name="assert" content="This test checks that it is not possible to tweak the color of 'text-decoration-line: grammar-error' with 'text-decoration-color' property.">
+<link rel="match" href="text-decoration-line-grammar-error-color-001-ref.html">
 <style>
-  div {
-    padding: 10px;
-    background: cyan;
-  }
-
   span {
     text-decoration-line: grammar-error;
-    text-decoration-color: transparent;
+  }
+  .test {
+    text-decoration-color: rgba(200, 225, 50, 0.75);
   }
 </style>
 
-<p>The test passes if you cannot see a grammar error marker in the next sentence.</p>
+<p>The test passes if the grammar error marker on both instances of "quikc" have the same color.
+<div>The <span class=test>quikc</span> brown fox.</div>
 <div>The <span>quikc</span> brown fox.</div>

css/css-text-decor/text-decoration-line-spelling-error-color-001-ref.html

@@ -8,5 +8,6 @@
   }
 </style>
 
-<p>The test passes if "quikc" has a spelling error marker that is not the default color (usually red).</p>
+<p>The test passes if the spelling error marker on both instances of "quikc" have the same color.
+<div>The <span>quikc</span> brown fox.</div>
 <div>The <span>quikc</span> brown fox.</div>

css/css-text-decor/text-decoration-line-spelling-error-color-002.optional.html → css/css-text-decor/text-decoration-line-spelling-error-color-001.html

@@ -3,19 +3,17 @@
 <title>CSS Text Decoration Test: text-decoration-line: spelling-error color</title>
 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-line-spelling-error">
-<meta name="assert" content="This test checks that it is possible to tweak the color of 'text-decoration-line: spelling-error' with 'text-decoration-color' property.">
-<link rel="match" href="text-decoration-line-spelling-error-color-002-ref.html">
+<meta name="assert" content="This test checks that it is not possible to tweak the color of 'text-decoration-line: spelling-error' with 'text-decoration-color' property.">
+<link rel="match" href="text-decoration-line-spelling-error-color-001-ref.html">
 <style>
-  div {
-    padding: 10px;
-    background: cyan;
-  }
-
   span {
     text-decoration-line: spelling-error;
-    text-decoration-color: transparent;
+  }
+  .test {
+    text-decoration-color: rgba(200, 225, 50, 0.75);
   }
 </style>
 
-<p>The test passes if you cannot see a spelling error marker in the next sentence.</p>
+<p>The test passes if the spelling error marker on both instances of "quikc" have the same color.
+<div>The <span class=test>quikc</span> brown fox.</div>
 <div>The <span>quikc</span> brown fox.</div>