[webkit-changes] [282208] trunk/LayoutTests

Thu, 09 Sep 2021 04:27:24 -0700

Title: [282208] trunk/LayoutTests
Revision
282208
Author
[email protected]
Date
2021-09-09 04:26:30 -0700 (Thu, 09 Sep 2021)

Log Message

[css-text-decor] Update WPT test suite
https://bugs.webkit.org/show_bug.cgi?id=230042

LayoutTests/imported/w3c:

Import css-text-decor test suite based on WPT commit 5d2020c403.

Reviewed by Rob Buis.

* resources/resource-files.json:
* web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html: Added.
* web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html: Added.
* web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html: Added.
* web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html: Added.
* web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html: Added.
* web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html: Added.
* web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html: Added.
* web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html: Added.
* web-platform-tests/css/css-text-decor/invalidation/w3c-import.log: Added.
* web-platform-tests/css/css-text-decor/text-decoration-color-expected.html:
* web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-color.html:
* web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html:
* web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html:
* web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html:
* web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html:
* web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html: Added.
* web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html:
* web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht:
* web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht:
* web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht:
* web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht:
* web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht:
* web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht:
* web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht:
* web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht:
* web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht:
* web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-negative.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-overline.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html:
* web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html: Added.
* web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html: Added.
* web-platform-tests/css/css-text-decor/w3c-import.log:

LayoutTests:

Reviewed by Rob Buis.

* TestExpectations: Mark some test failures.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (282207 => 282208)


--- trunk/LayoutTests/ChangeLog	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/ChangeLog	2021-09-09 11:26:30 UTC (rev 282208)
@@ -1,3 +1,12 @@
+2021-09-09  Manuel Rego Casasnovas  <[email protected]>
+
+        [css-text-decor] Update WPT test suite
+        https://bugs.webkit.org/show_bug.cgi?id=230042
+
+        Reviewed by Rob Buis.
+
+        * TestExpectations: Mark some test failures.
+
 2021-09-09  Enrique Ocaña González  <[email protected]>
 
         [Gstreamer] timeouts in media/media-source/media-source-has-audio-video.html and media/media-source/media-source-seek-unbuffered.html

Modified: trunk/LayoutTests/TestExpectations (282207 => 282208)


--- trunk/LayoutTests/TestExpectations	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/TestExpectations	2021-09-09 11:26:30 UTC (rev 282208)
@@ -3425,6 +3425,8 @@
 webkit.org/b/203583 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio-affects-container-width-when-height-changes.html [ Pass Failure ]
 
 # wpt css-text-decor failures
+webkit.org/b/230041 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html [ ImageOnlyFailure ]
+webkit.org/b/230041 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html [ ImageOnlyFailure ]
 webkit.org/b/203530 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-line-recalc.html [ ImageOnlyFailure ]
 webkit.org/b/203531 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-propagation-shadow.html [ ImageOnlyFailure ]
 webkit.org/b/203528 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-linethrough-001.html [ ImageOnlyFailure ]
@@ -3433,8 +3435,12 @@
 webkit.org/b/203528 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-underline-001.html [ ImageOnlyFailure ]
 webkit.org/b/203528 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-001.html [ ImageOnlyFailure ]
 webkit.org/b/203528 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html [ ImageOnlyFailure ]
+webkit.org/b/203528 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html [ ImageOnlyFailure ]
+webkit.org/b/203528 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html [ ImageOnlyFailure ]
 webkit.org/b/203529 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-underline-position-vertical-ja.html [ ImageOnlyFailure ]
 webkit.org/b/203529 imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-underline-position-vertical.html [ ImageOnlyFailure ]
+webkit.org/b/203529 imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative.html [ ImageOnlyFailure ]
+webkit.org/b/203529 imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html [ ImageOnlyFailure ]
 
 # wpt css-position failures
 webkit.org/b/203445 [ Debug ] imported/w3c/web-platform-tests/css/css-position/position-absolute-container-dynamic-002.html [ Skip ]

Modified: trunk/LayoutTests/imported/w3c/ChangeLog (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/ChangeLog	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/ChangeLog	2021-09-09 11:26:30 UTC (rev 282208)
@@ -1,3 +1,62 @@
+2021-09-09  Manuel Rego Casasnovas  <[email protected]>
+
+        [css-text-decor] Update WPT test suite
+        https://bugs.webkit.org/show_bug.cgi?id=230042
+
+        Import css-text-decor test suite based on WPT commit 5d2020c403.
+
+        Reviewed by Rob Buis.
+
+        * resources/resource-files.json:
+        * web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html: Added.
+        * web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html: Added.
+        * web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html: Added.
+        * web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html: Added.
+        * web-platform-tests/css/css-text-decor/invalidation/w3c-import.log: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-color-expected.html:
+        * web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-color.html:
+        * web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html:
+        * web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html:
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html:
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html:
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html: Added.
+        * web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html:
+        * web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht:
+        * web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht:
+        * web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht:
+        * web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht:
+        * web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht:
+        * web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht:
+        * web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht:
+        * web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht:
+        * web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht:
+        * web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-negative.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-overline.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html:
+        * web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html: Added.
+        * web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html: Added.
+        * web-platform-tests/css/css-text-decor/w3c-import.log:
+
 2021-09-09  Youenn Fablet  <[email protected]>
 
         Rebase a few WebRTC tests marked as flaky but making progress with RTCSctpTransport introduction

Modified: trunk/LayoutTests/imported/w3c/resources/resource-files.json (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/resources/resource-files.json	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/resources/resource-files.json	2021-09-09 11:26:30 UTC (rev 282208)
@@ -498,6 +498,7 @@
         "web-platform-tests/css/css-shapes/test-plan/index.html",
         "web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-029-crash.html",
         "web-platform-tests/css/css-sizing/aspect-ratio/small-aspect-ratio-crash.html",
+        "web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html",
         "web-platform-tests/css/css-text-decor/text-decoration-visibility-001.xht",
         "web-platform-tests/css/css-text-decor/text-decoration-visibility-002.xht",
         "web-platform-tests/css/css-text-decor/text-decoration-visibility-003.xht",

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Text Decoration Test: text-decoration-style: dashed invalidation on style change, reference</title>
+<link rel="help" href=""
+<link rel="author" title="Stephen Chenney" href=""
+<style>
+    div {
+        display: block;
+        margin-top: 30px;
+        margin-bottom: 30px;
+        will-change: transform;
+    }
+    .underline {
+        text-decoration-line: underline;
+        text-decoration-color: green;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 5px;
+    }
+    .overline {
+        text-decoration-line: overline;
+        text-decoration-color: green;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 5px;
+    }
+    .throughline {
+        text-decoration-line: line-through;
+        text-decoration-color: green;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 5px;
+    }
+</style>
+</head>
+<body>
+<div id="top-underline-div">
+There should be no sign of an underline when the test completes.
+</div>
+<div id="bottom-underline-div" class="underline">
+There should be a 5px green dashed underline when the test completes.
+</div>
+<div id="top-overline-div">
+There should be no sign of an overline when the test completes.
+</div>
+<div id="bottom-overline-div" class="overline">
+There should be a 5px green dashed overline when the test completes.
+</div>
+<div id="top-throughline-div">
+There should be no sign of an through-line when the test completes.
+</div>
+<div id="bottom-throughline-div" class="throughline">
+There should be a 5px green dashed through-line when the test completes.
+</div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<title>CSS Text Decoration Test: text-decoration-style: dashed invalidation on style change</title>
+<link rel="help" href=""
+<meta name="assert" content="text-decoration-style: dashed should be correctly invalidated on style change.">
+<link rel="author" title="Stephen Chenney" href=""
+<link rel="match" href=""
+<style>
+    div {
+        display: block;
+        margin-top: 30px;
+        margin-bottom: 30px;
+        will-change: transform;
+    }
+    .underline {
+        text-decoration-line: underline;
+        text-decoration-color: green;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 5px;
+    }
+    .overline {
+        text-decoration-line: overline;
+        text-decoration-color: green;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 5px;
+    }
+    .throughline {
+        text-decoration-line: line-through;
+        text-decoration-color: green;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 5px;
+    }
+</style>
+<script src=""
+<script src=""
+</head>
+<body>
+<div id="top-underline-div" class="underline">
+There should be no sign of an underline when the test completes.
+</div>
+<div id="bottom-underline-div" >
+There should be a 5px green dashed underline when the test completes.
+</div>
+<div id="top-overline-div" class="overline">
+There should be no sign of an overline when the test completes.
+</div>
+<div id="bottom-overline-div" >
+There should be a 5px green dashed overline when the test completes.
+</div>
+<div id="top-throughline-div" class="throughline">
+There should be no sign of an through-line when the test completes.
+</div>
+<div id="bottom-throughline-div" >
+There should be a 5px green dashed through-line when the test completes.
+</div>
+</body>
+<script>
+async function runTest() {
+  document.getElementById('top-underline-div').classList.remove("underline");
+  document.getElementById('bottom-underline-div').classList.add("underline");
+  document.getElementById('top-overline-div').classList.remove("overline");
+  document.getElementById('bottom-overline-div').classList.add("overline");
+  document.getElementById('top-throughline-div').classList.remove("throughline");
+  document.getElementById('bottom-throughline-div').classList.add("throughline");
+  takeScreenshot();
+}
+_onload_ = () => {
+  waitForAtLeastOneFrame().then(() => { runTest() });
+}
+</script>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Text Decoration Test: text-decoration-style: double invalidation on style change, reference</title>
+<link rel="help" href=""
+<link rel="author" title="Stephen Chenney" href=""
+<style>
+    div {
+        display: block;
+        margin-top: 30px;
+        margin-bottom: 30px;
+        will-change: transform;
+    }
+    .underline {
+        text-decoration-line: underline;
+        text-decoration-color: green;
+        text-decoration-style: double;
+        text-decoration-thickness: 5px;
+    }
+    .overline {
+        text-decoration-line: overline;
+        text-decoration-color: green;
+        text-decoration-style: double;
+        text-decoration-thickness: 5px;
+    }
+    .throughline {
+        text-decoration-line: line-through;
+        text-decoration-color: green;
+        text-decoration-style: double;
+        text-decoration-thickness: 5px;
+    }
+</style>
+</head>
+<body>
+<div id="top-underline-div">
+There should be no sign of an underline when the test completes.
+</div>
+<div id="bottom-underline-div" class="underline">
+There should be a 5px green double underline when the test completes.
+</div>
+<div id="top-overline-div">
+There should be no sign of an overline when the test completes.
+</div>
+<div id="bottom-overline-div" class="overline">
+There should be a 5px green double overline when the test completes.
+</div>
+<div id="top-throughline-div">
+There should be no sign of an through-line when the test completes.
+</div>
+<div id="bottom-throughline-div" class="throughline">
+There should be a 5px green double through-line when the test completes.
+</div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<title>CSS Text Decoration Test: text-decoration-style: double invalidation on style change</title>
+<link rel="help" href=""
+<meta name="assert" content="text-decoration-style: double should be correctly invalidated on style change.">
+<link rel="author" title="Stephen Chenney" href=""
+<link rel="match" href=""
+<style>
+    div {
+        display: block;
+        margin-top: 30px;
+        margin-bottom: 30px;
+        will-change: transform;
+    }
+    .underline {
+        text-decoration-line: underline;
+        text-decoration-color: green;
+        text-decoration-style: double;
+        text-decoration-thickness: 5px;
+    }
+    .overline {
+        text-decoration-line: overline;
+        text-decoration-color: green;
+        text-decoration-style: double;
+        text-decoration-thickness: 5px;
+    }
+    .throughline {
+        text-decoration-line: line-through;
+        text-decoration-color: green;
+        text-decoration-style: double;
+        text-decoration-thickness: 5px;
+    }
+</style>
+<script src=""
+<script src=""
+</head>
+<body>
+<div id="top-underline-div" class="underline">
+There should be no sign of an underline when the test completes.
+</div>
+<div id="bottom-underline-div" >
+There should be a 5px green double underline when the test completes.
+</div>
+<div id="top-overline-div" class="overline">
+There should be no sign of an overline when the test completes.
+</div>
+<div id="bottom-overline-div" >
+There should be a 5px green double overline when the test completes.
+</div>
+<div id="top-throughline-div" class="throughline">
+There should be no sign of an through-line when the test completes.
+</div>
+<div id="bottom-throughline-div" >
+There should be a 5px green double through-line when the test completes.
+</div>
+</body>
+<script>
+async function runTest() {
+  document.getElementById('top-underline-div').classList.remove("underline");
+  document.getElementById('bottom-underline-div').classList.add("underline");
+  document.getElementById('top-overline-div').classList.remove("overline");
+  document.getElementById('bottom-overline-div').classList.add("overline");
+  document.getElementById('top-throughline-div').classList.remove("throughline");
+  document.getElementById('bottom-throughline-div').classList.add("throughline");
+  takeScreenshot();
+}
+_onload_ = () => {
+  waitForAtLeastOneFrame().then(() => { runTest() });
+}
+</script>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Text Decoration Test: text-decoration-style: solid invalidation on style change, reference</title>
+<link rel="help" href=""
+<link rel="author" title="Stephen Chenney" href=""
+<style>
+    div {
+        display: block;
+        margin-top: 30px;
+        margin-bottom: 30px;
+        will-change: transform;
+    }
+    .underline {
+        text-decoration-line: underline;
+        text-decoration-color: green;
+        text-decoration-style: solid;
+        text-decoration-thickness: 5px;
+    }
+    .overline {
+        text-decoration-line: overline;
+        text-decoration-color: green;
+        text-decoration-style: solid;
+        text-decoration-thickness: 5px;
+    }
+    .throughline {
+        text-decoration-line: line-through;
+        text-decoration-color: green;
+        text-decoration-style: solid;
+        text-decoration-thickness: 5px;
+    }
+</style>
+</head>
+<body>
+<div id="top-underline-div">
+There should be no sign of an underline when the test completes.
+</div>
+<div id="bottom-underline-div" class="underline">
+There should be a 5px green solid underline when the test completes.
+</div>
+<div id="top-overline-div">
+There should be no sign of an overline when the test completes.
+</div>
+<div id="bottom-overline-div" class="overline">
+There should be a 5px green solid overline when the test completes.
+</div>
+<div id="top-throughline-div">
+There should be no sign of an through-line when the test completes.
+</div>
+<div id="bottom-throughline-div" class="throughline">
+There should be a 5px green solid through-line when the test completes.
+</div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<title>CSS Text Decoration Test: text-decoration-style: solid invalidation on style change</title>
+<link rel="help" href=""
+<meta name="assert" content="text-decoration-style: solid should be correctly invalidated on style change.">
+<link rel="author" title="Stephen Chenney" href=""
+<link rel="match" href=""
+<style>
+    div {
+        display: block;
+        margin-top: 30px;
+        margin-bottom: 30px;
+        will-change: transform;
+    }
+    .underline {
+        text-decoration-line: underline;
+        text-decoration-color: green;
+        text-decoration-style: solid;
+        text-decoration-thickness: 5px;
+    }
+    .overline {
+        text-decoration-line: overline;
+        text-decoration-color: green;
+        text-decoration-style: solid;
+        text-decoration-thickness: 5px;
+    }
+    .throughline {
+        text-decoration-line: line-through;
+        text-decoration-color: green;
+        text-decoration-style: solid;
+        text-decoration-thickness: 5px;
+    }
+</style>
+<script src=""
+<script src=""
+</head>
+<body>
+<div id="top-underline-div" class="underline">
+There should be no sign of an underline when the test completes.
+</div>
+<div id="bottom-underline-div" >
+There should be a 5px green solid underline when the test completes.
+</div>
+<div id="top-overline-div" class="overline">
+There should be no sign of an overline when the test completes.
+</div>
+<div id="bottom-overline-div" >
+There should be a 5px green solid overline when the test completes.
+</div>
+<div id="top-throughline-div" class="throughline">
+There should be no sign of an through-line when the test completes.
+</div>
+<div id="bottom-throughline-div" >
+There should be a 5px green solid through-line when the test completes.
+</div>
+</body>
+<script>
+async function runTest() {
+  document.getElementById('top-underline-div').classList.remove("underline");
+  document.getElementById('bottom-underline-div').classList.add("underline");
+  document.getElementById('top-overline-div').classList.remove("overline");
+  document.getElementById('bottom-overline-div').classList.add("overline");
+  document.getElementById('top-throughline-div').classList.remove("throughline");
+  document.getElementById('bottom-throughline-div').classList.add("throughline");
+  takeScreenshot();
+}
+_onload_ = () => {
+  waitForAtLeastOneFrame().then(() => { runTest() });
+}
+</script>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Text Decoration Test: text-decoration-style: solid invalidation on style change, reference</title>
+<link rel="help" href=""
+<link rel="author" title="Stephen Chenney" href=""
+<style>
+    div {
+        display: block;
+        margin-top: 30px;
+        margin-bottom: 30px;
+        will-change: transform;
+    }
+    .underline {
+        text-decoration-line: underline;
+        text-decoration-color: green;
+        text-decoration-style: wavy;
+        text-decoration-thickness: 5px;
+    }
+    .overline {
+        text-decoration-line: overline;
+        text-decoration-color: green;
+        text-decoration-style: wavy;
+        text-decoration-thickness: 5px;
+    }
+    .throughline {
+        text-decoration-line: line-through;
+        text-decoration-color: green;
+        text-decoration-style: wavy;
+        text-decoration-thickness: 5px;
+    }
+</style>
+</head>
+<body>
+<div id="top-underline-div">
+There should be no sign of an underline when the test completes.
+</div>
+<div id="bottom-underline-div" class="underline">
+There should be a 5px green wavy underline when the test completes.
+</div>
+<div id="top-overline-div">
+There should be no sign of an overline when the test completes.
+</div>
+<div id="bottom-overline-div" class="overline">
+There should be a 5px green wavy overline when the test completes.
+</div>
+<div id="top-throughline-div">
+There should be no sign of an through-line when the test completes.
+</div>
+<div id="bottom-throughline-div" class="throughline">
+There should be a 5px green wavy through-line when the test completes.
+</div>
+</body>
+</html>
\ No newline at end of file

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<title>CSS Text Decoration Test: text-decoration-style: wavy invalidation on style change</title>
+<link rel="help" href=""
+<meta name="assert" content="text-decoration-style: wavy should be correctly invalidated on style change.">
+<link rel="author" title="Stephen Chenney" href=""
+<link rel="match" href=""
+<style>
+    div {
+        display: block;
+        margin-top: 30px;
+        margin-bottom: 30px;
+        will-change: transform;
+    }
+    .underline {
+        text-decoration-line: underline;
+        text-decoration-color: green;
+        text-decoration-style: wavy;
+        text-decoration-thickness: 5px;
+    }
+    .overline {
+        text-decoration-line: overline;
+        text-decoration-color: green;
+        text-decoration-style: wavy;
+        text-decoration-thickness: 5px;
+    }
+    .throughline {
+        text-decoration-line: line-through;
+        text-decoration-color: green;
+        text-decoration-style: wavy;
+        text-decoration-thickness: 5px;
+    }
+</style>
+<script src=""
+<script src=""
+</head>
+<body>
+<div id="top-underline-div" class="underline">
+There should be no sign of an underline when the test completes.
+</div>
+<div id="bottom-underline-div" >
+There should be a 5px green wavy underline when the test completes.
+</div>
+<div id="top-overline-div" class="overline">
+There should be no sign of an overline when the test completes.
+</div>
+<div id="bottom-overline-div" >
+There should be a 5px green wavy overline when the test completes.
+</div>
+<div id="top-throughline-div" class="throughline">
+There should be no sign of an through-line when the test completes.
+</div>
+<div id="bottom-throughline-div" >
+There should be a 5px green wavy through-line when the test completes.
+</div>
+</body>
+<script>
+async function runTest() {
+  document.getElementById('top-underline-div').classList.remove("underline");
+  document.getElementById('bottom-underline-div').classList.add("underline");
+  document.getElementById('top-overline-div').classList.remove("overline");
+  document.getElementById('bottom-overline-div').classList.add("overline");
+  document.getElementById('top-throughline-div').classList.remove("throughline");
+  document.getElementById('bottom-throughline-div').classList.add("throughline");
+  takeScreenshot();
+}
+_onload_ = () => {
+  waitForAtLeastOneFrame().then(() => { runTest() });
+}
+</script>
+</html>
\ No newline at end of file

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/w3c-import.log (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/w3c-import.log	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/w3c-import.log	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,24 @@
+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the WPT github:
+	https://github.com/web-platform-tests/wpt
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-expected.html (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-expected.html	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -20,6 +20,10 @@
                 -webkit-text-stroke-width: 1px;
                 -webkit-text-stroke-color: black;
             }
+            .sys-color {
+                -webkit-text-stroke-width: thin;
+                -webkit-text-stroke-color: LinkText;
+            }
         </style>
     </head>
     <body>
@@ -39,5 +43,6 @@
             <sup class="underline" style="color: blue;"><span class="black-fill">superscript text</span></sup>
         </div><br/>
         <div class="underline" style="color: green;"><span class="transparent-fill">Transparent fill with black stroke text and green underline</span></div><br/>
+        <div class="underline" style="text-decoration-color: LinkText;"><span class="sys-color">LinkText stroke and underline with black fill</span></div><br/>
     </body>
 </html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>CSS Test: CSS3 text-decoration-color when |::selection| exists</title>
+        <style>
+            #transparent-fill {
+                -webkit-text-fill-color: transparent;
+                -webkit-text-stroke-width: 1px;
+                -webkit-text-stroke-color: black;
+            }
+
+            .underline {
+                text-decoration: underline;
+                color: brown;
+                text-decoration-color: pink;
+            }
+            .overline {
+                text-decoration: overline;
+                color: purple;
+                text-decoration-color: skyblue;
+            }
+            .line-through {
+                text-decoration: line-through;
+                color: orange;
+                text-decoration-color: magenta;
+            }
+
+            .line-through::selection {
+                overflow: auto;
+                text-decoration-color: inherit;
+            }
+
+            .empty-selection-underline {
+                text-decoration: underline;
+                color: red;
+                text-decoration-color: blue;
+            }
+
+            .margin-bottom {
+                margin-bottom: 20px;
+            }
+        </style>
+        <script>
+            function startTest() {
+                var targetRange = document.createRange();
+                /* We first create an empty range */
+                targetRange.selectNodeContents(document.getElementById("wrapper"));
+                /* Then we set the range boundaries to the children of div#wrapper */
+                window.getSelection().addRange(targetRange);
+                /* Finally, we now select such range of content */
+            }
+        </script>
+    </head>
+    <body _onload_="startTest();">
+        <h3>Each line of this test should match its text decoration color description:</h3>
+
+        <!-- Test with text-fill-color and text-stroke-color values set -->
+        <div class="underline margin-bottom" id="transparent-fill" >Transparent fill with black stroke text and pink underline</div>
+
+        <!-- Valid values for underline, overline and line-through text decoration lines when selected-->
+        <div class="underline margin-bottom">Brown text with pink underline</div>
+        <div class="overline margin-bottom">Purple text with skyblue overline</div>
+
+        <div id="wrapper">
+            <div class="line-through margin-bottom">Orange text with magenta line-through</div>
+
+            <!-- When there is a selection but no |::selection| style exists. It should preserve the
+                style as it is. -->
+            <div class="empty-selection-underline margin-bottom">Red text with blue underline</div>
+        </div>
+    </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>CSS Test: CSS3 text-decoration-color when |::selection| exists</title>
+        <link rel="help" href=""
+        <link rel="help" href=""
+        <link rel="match" href=""
+        <style>
+            #transparent-fill {
+                -webkit-text-fill-color: transparent;
+                -webkit-text-stroke-width: 1px;
+                -webkit-text-stroke-color: black;
+            }
+
+            .underline {
+                text-decoration: underline;
+                color: gray;
+                text-decoration-color: blue;
+            }
+            .overline {
+                text-decoration: overline;
+                color: green;
+                text-decoration-color: black;
+            }
+            .line-through {
+                text-decoration: line-through;
+                color: violet;
+                text-decoration-color: gold;
+            }
+            .underline::selection {
+                color: brown;
+                text-decoration-color: pink;
+            }
+            .overline::selection {
+                color: purple;
+                text-decoration-color: skyblue;
+            }
+            .line-through::selection {
+                color: orange;
+                text-decoration-color: magenta;
+            }
+
+            .empty-selection-underline {
+                text-decoration: underline;
+                color: red;
+                text-decoration-color: blue;
+            }
+
+            .margin-bottom {
+                margin-bottom: 20px;
+            }
+        </style>
+        <script>
+            function startTest() {
+                var targetRange = document.createRange();
+                /* We first create an empty range */
+                targetRange.selectNodeContents(document.getElementById("wrapper"));
+                /* Then we set the range boundaries to the children of div#wrapper */
+                window.getSelection().addRange(targetRange);
+                /* Finally, we now select such range of content */
+            }
+        </script>
+    </head>
+    <body _onload_="startTest();">
+        <h3>Each line of this test should match its text decoration color description:</h3>
+
+        <div id="wrapper">
+            <!-- Test with text-fill-color and text-stroke-color values set -->
+            <div class="underline margin-bottom" id="transparent-fill" >Transparent fill with black stroke text and pink underline</div>
+
+            <!-- Valid values for underline, overline and line-through text decoration lines when selected-->
+            <div class="underline margin-bottom">Brown text with pink underline</div>
+            <div class="overline margin-bottom">Purple text with skyblue overline</div>
+            <div class="line-through margin-bottom">Orange text with magenta line-through</div>
+
+            <!-- When there is a selection but no |::selection| style exists. It should preserve the
+                 style as it is. -->
+            <div class="empty-selection-underline margin-bottom">Red text with blue underline</div>
+        </div>
+    </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>CSS Test: CSS3 text-decoration-color when |::selection| exists</title>
+        <link rel="help" href=""
+        <link rel="help" href=""
+        <style>
+            .first-underline {
+                text-decoration: underline;
+                text-decoration-color: blue;
+            }
+            .second-underline {
+                text-decoration: underline;
+                text-decoration-color: gold;
+            }
+            .third-underline {
+                text-decoration: underline;
+                text-decoration-color: green;
+            }
+            .first-underline::selection {
+                text-decoration: underline;
+                text-decoration-color: pink;
+            }
+            .second-underline::selection {
+                text-decoration: underline;
+                text-decoration-color: violet;
+            }
+            .third-underline::selection {
+                text-decoration: underline;
+                text-decoration-color: skyblue;
+            }
+
+            .blue-underline {
+                text-decoration: underline;
+                text-decoration-color: blue;
+            }
+            .gold-overline {
+                text-decoration: overline;
+                text-decoration-color: gold;
+            }
+            .green-line-through {
+                text-decoration: line-through;
+                text-decoration-color: green;
+            }
+            .blue-underline::selection {
+                text-decoration: underline;
+                text-decoration-color: pink;
+            }
+            .gold-overline::selection {
+                text-decoration: overline;
+                text-decoration-color: violet;
+            }
+            .green-line-through::selection {
+                text-decoration: line-through;
+                text-decoration-color: skyblue;
+            }
+        </style>
+         <script>
+            function startTest() {
+                var targetRange = document.createRange();
+                /* We first create an empty range */
+                targetRange.selectNodeContents(document.getElementById("wrapper"));
+                /* Then we set the range boundaries to the children of div#wrapper */
+                window.getSelection().addRange(targetRange);
+                /* Finally, we now select such range of content */
+            }
+        </script>
+    </head>
+    <body _onload_="startTest();">
+        <div id="wrapper">
+            <h3>Each line of this test should match its text decoration color description:</h3>
+
+            <!-- Nested same text-decoration-line with different text-decoration-color.
+                 It should be affected by their parent |::selection| -->
+            <div>
+                <span class="first-underline">
+                    First pink underline
+                    <span class="second-underline">
+                        Second violet underline
+                        <span class="third-underline">Third skyblue underline</span>
+                    </span>
+                </span>
+            </div><br/>
+
+            <!-- Mix of underline, overline and line-through with different colors for each.
+                 It should be affected by their parent |::selection| -->
+            <div>
+                <span class="blue-underline">
+                    pink underline
+                    <span class="green-line-through">
+                        blue underline, skyblue line-through
+                        <span class="gold-overline">blue underline, green line-through, violet overline</span>
+                    </span>
+                </span>
+            </div><br/>
+
+            <!-- Test behavior on subscript and superscript text -->
+            <div>
+                <span class="green-line-through">
+                    <sub class="gold-overline">subscript text, violet overline, green line-through</sub>
+                    skyblue line-through
+                    <sup class="blue-underline">superscript text, pink underline, green line-through</sup>
+                </span>
+            </div><br/>
+        </div>
+    </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: CSS3 text-decoration-color when |::selection| and another pseudo style exists, reference</title>
+<link rel="author" title="Stephen Chenney" href=""
+<style>
+    p::first-line {
+        text-decoration: underline;
+        color: green;
+	}
+</style>
+</head>
+<body>
+    <p>
+      Underlined, and green when selected.
+    </p>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Test: CSS3 text-decoration-color when |::selection| and another pseudo style exists</title>
+<meta name="assert" content="When selected, text decorations apply the selection color when other pseudo styles are present">
+<link rel="author" title="Stephen Chenney" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+    p::first-line {
+        text-decoration: underline;
+	}
+    p::selection {
+        color: green;
+    }
+</style>
+</head>
+<body>
+    <p>
+      Underlined, and green when selected.
+    </p>
+    <script>
+      document.execCommand("SelectAll")
+    </script>
+</body>
+</html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color.html (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color.html	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -31,6 +31,10 @@
                 -webkit-text-stroke-width: 1px;
                 -webkit-text-stroke-color: black;
             }
+            #sys-color {
+                -webkit-text-stroke-width: thin;
+                -webkit-text-stroke-color: LinkText;
+            }
         </style>
     </head>
     <body>
@@ -60,5 +64,6 @@
 
         <!-- Test with text-fill-color and text-stroke-color values set -->
         <div class="underline" id="transparent-fill" style="text-decoration-color: green;">Transparent fill with black stroke text and green underline</div><br/>
+        <div class="underline" id="sys-color">LinkText stroke and underline with black fill</div><br/>
     </body>
 </html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,8 +4,12 @@
         <meta charset="utf-8">
         <title>Reference file for text-decoration-skip-ink test</title>
         <style>
+         @font-face {
+             font-family: mplus;
+             src: url(/fonts/mplus-1p-regular.woff) format("woff");
+         }
          div{
-             font: 50px sans-serif;
+             font: 50px mplus, sans-serif;
              color: #00008080;
              letter-spacing: 10px;
              text-decoration: green underline;

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -8,8 +8,12 @@
         <link rel="help" href=""
         <link rel="mismatch" href=""
         <style>
+         @font-face {
+             font-family: mplus;
+             src: url(/fonts/mplus-1p-regular.woff) format("woff");
+         }
          div{
-             font: 50px sans-serif;
+             font: 50px mplus, sans-serif;
              color: #00008080;
              letter-spacing: 10px;
              /* make sure the underline clashes badly with the glyphs! */

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,3 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<!-- Intentionally blank -->

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>text-decoration-thickness: from-font with zero sized font</title>
+        <meta name="assert" content="text-decoration-thickness: from-font with a zero size font does not crash">
+        <link rel="author" title="Stephen Chenney" href=""
+        <link rel="help" href=""
+        <link rel="match" href=""
+        <link rel="stylesheet" type="text/css" href=""
+        <style>
+            span {
+                font-size: 0px;
+                text-decoration: line-through;
+                text-decoration-thickness: from-font;
+            }
+        </style>
+    </head>
+    <body>
+        <span>This line has a zero sized font.</span>
+    </body>
+</html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -10,6 +10,11 @@
 src: url(resources/UnderlineTest-VF.ttf);
 }
 
+.test_red {
+font-family: underline-variable;
+font-size: 64px;
+}
+
 .test_green {
 text-decoration: underline;
 font-family: underline-variable;
@@ -29,6 +34,7 @@
 <body>
 <p>Test passes if no blips of red underline show near the descender of the g glyph.</p>
 <div class="test">
+<div class="test_red overlap">aaaaagaaaaa</div>
 <div class="test_green overlap">aaaaagaaaaa</div>
 </div>
 </div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Test case for text-decoration-thickness [reference]</title>
+    <link rel="author" title="Jonathan Kew" href=""
+    <link rel="stylesheet" type="text/css" href=""
+    <style>
+        div {
+            position: absolute;
+            top: 50px;
+            line-height: 100px;
+        }
+        u {
+            display: inline-block;
+            font: 20px/1 Ahem;
+            width: 100px;
+            -webkit-text-align-last: justify;
+            color: transparent;
+            text-decoration: green underline;
+            text-decoration-skip-ink: none;
+            /* place underline exactly at the bottom of the text */
+            text-underline-position: auto;
+            text-underline-offset: 0px;
+            text-decoration-skip-ink: none;
+            text-decoration-thickness: 20px;
+        }
+    </style>
+</head>
+<body>
+    <p>Test passes if there are four equal green rectangles and no red</p>
+    <div>
+      <u>X X</u>
+      <u>X X</u>
+      <u>X X</u>
+      <u>X X</u>
+    </div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Test case for text-decoration-thickness</title>
+    <meta name="assert" content="text-decoration-thickness: percentage is resolved against computed font size">
+    <link rel="author" title="Jonathan Kew" href=""
+    <link rel="help" href=""
+    <link rel="match" href=""
+    <link rel="stylesheet" type="text/css" href=""
+    <style>
+        div {
+            position: absolute;
+            top: 50px;
+            line-height: 100px;
+        }
+        u, span {
+            display: inline-block;
+            font: 20px/1 Ahem;
+            width: 100px;
+            -webkit-text-align-last: justify;
+        }
+        span {
+            color: red;
+            /* shift the glyphs down to where the test underlines will be */
+            position: relative;
+            top: 0.8em;
+        }
+        u {
+            color: transparent;
+            text-decoration: green underline;
+            text-decoration-skip-ink: none;
+            /* place underline exactly at the bottom of the text */
+            text-underline-position: auto;
+            text-underline-offset: 0px;
+            text-decoration-skip-ink: none;
+            text-decoration-thickness: 20px;
+        }
+        .test0, .test1, .test2 {
+            /* set thickness to computed font size */
+            text-decoration-thickness: 100%;
+        }
+        .test1 {
+            font-size-adjust: 0.25; /* this should result in a smaller used font size */
+        }
+        .test2 {
+            font-size-adjust: 1.25; /* this should result in a larger used font size */
+        }
+    </style>
+</head>
+<body>
+    <p>Test passes if there are four equal green rectangles and no red</p>
+    <div>
+      <span>X X</span>
+      <span>X X</span>
+      <span>X X</span>
+      <span>X X</span>
+    </div>
+    <div>
+      <u>X X</u>
+      <u class=test0>X X</u>
+      <u class=test1>X X</u>
+      <u class=test2>X X</u>
+    </div>
+</body>
+</html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -30,6 +30,7 @@
             text-decoration: green underline;
             text-decoration-skip-ink: none;
             text-decoration-thickness: 8em;
+            text-underline-position: from-font;
         }
     </style>
 </head>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Non-reference case for text-decoration-thickness</title>
+    <link rel="stylesheet" type="text/css" href=""
+    <style>
+        div span {
+            font: 20px/1 Ahem;
+            padding-right: 1em;
+
+            text-decoration: underline;
+            text-decoration-thickness: 20px;
+            text-underline-offset: .5em;
+        }
+    </style>
+</head>
+<body>
+    <p>Test passes if the underline thickness is 10px thick.</p>
+    <div><span>XXXX</span></div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Test case for text-decoration-thickness</title>
+    <meta name="assert" content="text-decoration-thickness: only using the thickness property should change painted result">
+    <link rel="author" title="Dominik Röttsches" href=""
+    <link rel="help" href=""
+    <link rel="mismatch" href=""
+    <link rel="stylesheet" type="text/css" href=""
+    <style>
+        div span {
+            font: 20px/1 Ahem;
+            padding-right: 1em;
+
+            text-decoration: underline;
+            text-decoration-thickness: 10px;
+            text-underline-offset: .5em;
+        }
+    </style>
+</head>
+<body>
+    <p>Test passes if the underline thickness is 10px thick.</p>
+    <div><span>XXXX</span></div>
+</body>
+</html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -28,12 +28,13 @@
          */
         #text{
             color: transparent;
-            writing-mode: sideways-lr;
+            writing-mode: vertical-lr;
             position: relative;
-            right: 1em;
+            right: 1.1em;
             text-decoration: green underline;
             text-decoration-skip-ink: none;
             text-decoration-thickness: 1.2em;
+            text-underline-position: from-font right;
         }
     </style>
 </head>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis - color - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.2.  Emphasis Mark Color: the ‘text-emphasis-color’ property" href="" />
+		<link rel="help" href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="" />
 		<meta name="assert" content="This property describes the foreground color of the emphasis marks." />

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis-position - above left - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the ‘text-emphasis-position’ property" href="" />
+		<link rel="help"  href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="ahem" />
 		<meta name="assert" content="This property describes where emphasis marks are drawn at." />

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis-position - above left - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the ‘text-emphasis-position’ property" href="" />
+		<link rel="help" href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="ahem" />
 		<meta name="assert" content="This property describes where emphasis marks are drawn at." />

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis-position - above right - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the ‘text-emphasis-position’ property" href="" />
+		<link rel="help" href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="ahem" />
 		<meta name="assert" content="This property describes where emphasis marks are drawn at." />

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis-position - above right - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the ‘text-emphasis-position’ property" href="" />
+		<link rel="help"  href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="ahem" />
 		<meta name="assert" content="This property describes where emphasis marks are drawn at." />

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis-position - below left - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the ‘text-emphasis-position’ property" href="" />
+		<link rel="help"  href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="ahem" />
 		<meta name="assert" content="This property describes where emphasis marks are drawn at." />

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis-position - below left - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the ‘text-emphasis-position’ property" href="" />
+		<link rel="help" href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="ahem" />
 		<meta name="assert" content="This property describes where emphasis marks are drawn at." />

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis-position - below right - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the ‘text-emphasis-position’ property" href="" />
+		<link rel="help" href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="ahem" />
 		<meta name="assert" content="This property describes where emphasis marks are drawn at." />

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht	2021-09-09 11:26:30 UTC (rev 282208)
@@ -4,7 +4,7 @@
 	<head>
 		<title>CSS Test: text-emphasis-position - below right - basic cases</title>
 		<link rel="author" title="Makoto Kikuchi" href="" />
-		<link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the ‘text-emphasis-position’ property" href="" />
+		<link rel="help"  href="" />
 		<link rel="match" href=""
 		<meta name="flags" content="ahem" />
 		<meta name="assert" content="This property describes where emphasis marks are drawn at." />

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Test case for negative values of text-underline-offset</title>
+</head>
+<body>
+<div style="font-size: 48px; text-decoration: underline; text-underline-offset: 0px; text-decoration-skip: none;">Hello</div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Test case for negative values of text-underline-offset</title>
+<meta name="assert" content="text-underline-offset: Negative values should not be clamped to zero">
+<link rel="author" title="Myles C. Maxfield" href=""
+<link rel="author" title="Apple Inc." href=""
+<link rel="help" href=""
+<link rel="mismatch" href=""
+</head>
+<body>
+<div style="font-size: 48px; text-decoration: underline; text-underline-offset: -20px; text-decoration-skip: none;">Hello</div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Reference result for text-underline-offset test</title>
+    <link rel="stylesheet" type="text/css" href="" />
+    <style>
+        #main {
+            margin: 30px;
+        }
+        #main div {
+            text-decoration: green overline;
+            text-decoration-thickness: 5px;
+            text-decoration-skip-ink: none;
+            font: 20px/1 Ahem;
+        }
+    </style>
+</head>
+<body>
+    <p class="instructions">Test passes if the green overline is not shifted away from black box.</p>
+    <div id="main">
+        <div>XXXX</div>
+    </div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Reference case for overline placement in vertical</title>
+    <link rel="stylesheet" type="text/css" href="" />
+    <style>
+        #main {
+            margin: 30px;
+        }
+        #main div {
+            writing-mode: vertical-lr;
+            text-decoration: green overline;
+            text-decoration-thickness: 5px;
+            text-decoration-skip-ink: none;
+            font: 20px/1 Ahem;
+        }
+    </style>
+</head>
+<body>
+    <p class="instructions">Test passes if the green overline is not shifted away from black box.</p>
+    <div id="main">
+        <div>XXXX</div>
+    </div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>text-underline-offset does not affect overline placement in vertical text</title>
+    <meta name="assert" content="text-underline offset does not affect placement of an overline decoration in vertical">
+    <link rel="author" title="Dominik Röttsches" href=""
+    <link rel="help" href=""
+    <link rel="match" href=""
+    <link rel="stylesheet" type="text/css" href="" />
+    <style>
+        #main {
+            margin: 30px;
+        }
+        #main div {
+            writing-mode: vertical-lr;
+            text-decoration: green overline;
+            text-decoration-thickness: 5px;
+            text-decoration-skip-ink: none;
+            font: 20px/1 Ahem;
+            text-underline-offset: 20px;
+        }
+    </style>
+</head>
+<body>
+    <p class="instructions">Test passes if the green overline is not shifted away from black box.</p>
+    <div id="main">
+        <div>XXXX</div>
+    </div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>text-underline-offset does not affect overline placement</title>
+    <meta name="assert" content="text-underline offset does not affect placement of an overline decoration">
+    <link rel="author" title="Dominik Röttsches" href=""
+    <link rel="help" href=""
+    <link rel="match" href=""
+    <link rel="stylesheet" type="text/css" href="" />
+    <style>
+        #main {
+            margin: 30px;
+        }
+        #main div {
+            text-decoration: green overline;
+            text-decoration-thickness: 5px;
+            text-decoration-skip-ink: none;
+            font: 20px/1 Ahem;
+            text-underline-offset: 20px;
+        }
+    </style>
+</head>
+<body>
+    <p class="instructions">Test passes if the green overline is not shifted away from black box.</p>
+    <div id="main">
+        <div>XXXX</div>
+    </div>
+</body>
+</html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -29,6 +29,7 @@
             text-decoration: red underline;
             text-decoration-skip-ink: none;
             text-underline-offset: 5em;
+            text-underline-position:from-font;
         }
     </style>
 </head>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Reference case for text-underline-offset</title>
+    <link rel="stylesheet" type="text/css" href="" />
+    <style>
+        span{
+            margin-left: 5em;
+            font: 20px/1 Ahem;
+            color: transparent;
+            writing-mode: vertical-lr;
+            text-decoration: green underline;
+            text-decoration-skip-ink: none;
+            text-underline-offset: 0;
+            text-underline-position: right;
+        }
+    </style>
+</head>
+<body>
+    <div>Test passes if the underline is vertical and at about a 5em margin from the left side.</div>
+    <div><span>XXXXX</span></div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Test case for text-underline-offset</title>
+    <meta name="assert" content="text-underline-offset should work when the underline is on the right side">
+    <link rel="author" title="Dominik Röttsches" href=""
+    <link rel="help" href=""
+    <link rel="match" href=""
+    <link rel="stylesheet" type="text/css" href="" />
+    <style>
+        span{
+            font: 20px/1 Ahem;
+            color: transparent;
+            writing-mode: vertical-lr;
+            text-decoration: green underline;
+            text-decoration-skip-ink: none;
+            text-underline-offset: 5em;
+            text-underline-position: right;
+        }
+    </style>
+</head>
+<body>
+    <div>Test passes if the underline is vertical and at about a 5em margin from the left side.</div>
+    <div><span>XXXXX</span></div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>text-underline-offset test case - reference</title>
+    <link rel="stylesheet" type="text/css" href="" />
+    <style>
+        .green {
+            color: green;
+        }
+        .red {
+            color: red;
+        }
+        #test {
+            font: 100px Ahem;
+            color: green;
+        }
+    </style>
+</head>
+<body>
+    <p class="instructions">Test passes if there is a <span class=green>green</span> line and <span class=red>no red</span>.</p>
+    <div id="test">
+        <u>ppp</u>
+    </div>
+</body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html (0 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html	2021-09-09 11:26:30 UTC (rev 282208)
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>text-underline-offset test case</title>
+    <meta name="assert" content="zero-position for text-underline-offset is at the alphabetic baseline">
+    <link rel="author" title="Jonathan Kew" href=""
+    <link rel="help" href=""
+    <link rel="match" href=""
+    <link rel="stylesheet" type="text/css" href="" />
+    <style>
+        .green {
+            color: green;
+        }
+        .red {
+            color: red;
+        }
+        #test {
+            font: 100px Ahem;
+            color: green;
+            -webkit-text-decoration-skip: none;
+            text-decoration-skip-ink: none;
+        }
+        u {
+            text-decoration: underline;
+            text-decoration-color: red;
+            text-decoration-thickness: 20px;
+            text-underline-position: auto;
+            text-underline-offset: 0px;  /* at the alphabetic baseline, per spec */
+        }
+    </style>
+</head>
+<body>
+    <p class="instructions">Test passes if there is a <span class=green>green</span> line and <span class=red>no red</span>.</p>
+    <div id="test">
+        <!-- At 100px, the "p" in Ahem will be a box with its top at the baseline,
+             and its bottom 20px (0.2em) below the baseline. -->
+        <u>ppp</u>
+    </div>
+</body>
+</html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/w3c-import.log (282207 => 282208)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/w3c-import.log	2021-09-09 11:18:52 UTC (rev 282207)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/w3c-import.log	2021-09-09 11:26:30 UTC (rev 282208)
@@ -9,7 +9,7 @@
 
 ------------------------------------------------------------------------
 Properties requiring vendor prefixes:
-None
+text-align-last
 Property values requiring vendor prefixes:
 None
 ------------------------------------------------------------------------
@@ -21,6 +21,11 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-recalc-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-recalc.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-line-010-expected.xht
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-line-010.xht
@@ -85,6 +90,8 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-fixed.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-font-variable-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-font-variable.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-initial.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation.html
@@ -93,8 +100,12 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-linethrough-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-overline-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-overline-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-underline-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-underline-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-valid.html
@@ -173,6 +184,12 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-computed.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-initial.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-invalid.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-valid.html
@@ -182,6 +199,10 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-002-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-002.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-position-001a-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-position-001a.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-position-001b-expected.html

_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to