WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
[patch]
Patch
bug-230042-20210908144338.patch (text/plain), 94.20 KB, created by
Manuel Rego Casasnovas
on 2021-09-08 05:43:40 PDT
(
hide
)
Description:
Patch
Filename:
MIME Type:
Creator:
Manuel Rego Casasnovas
Created:
2021-09-08 05:43:40 PDT
Size:
94.20 KB
patch
obsolete
>Subversion Revision: 282128 >diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog >index d5337c3386d3fa5e79e334be58a1e8ac79023d6a..1f98801f1a09c57896a68e8ea7b92cbe3a78131e 100644 >--- a/LayoutTests/ChangeLog >+++ b/LayoutTests/ChangeLog >@@ -1,3 +1,12 @@ >+2021-09-08 Manuel Rego Casasnovas <rego@igalia.com> >+ >+ [css-text-decor] Update WPT test suite >+ https://bugs.webkit.org/show_bug.cgi?id=230042 >+ >+ Reviewed by NOBODY (OOPS!). >+ >+ * TestExpectations: Mark some test failures. >+ > 2021-09-07 Fujii Hironori <Hironori.Fujii@sony.com> > > [WinCairo] Support prefers-color-scheme media query >diff --git a/LayoutTests/imported/w3c/ChangeLog b/LayoutTests/imported/w3c/ChangeLog >index ce930ec3d9d9ded876e5f316bdce450acceeda8a..98841822133ac186629e62198c7786874b5af442 100644 >--- a/LayoutTests/imported/w3c/ChangeLog >+++ b/LayoutTests/imported/w3c/ChangeLog >@@ -1,3 +1,60 @@ >+2021-09-08 Manuel Rego Casasnovas <rego@igalia.com> >+ >+ [css-text-decor] Update WPT test suite >+ https://bugs.webkit.org/show_bug.cgi?id=230042 >+ >+ Reviewed by NOBODY (OOPS!). >+ >+ * 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-07 Simon Fraser <simon.fraser@apple.com> > > Update the css-transforms/parsing WPT >diff --git a/LayoutTests/TestExpectations b/LayoutTests/TestExpectations >index 83b9a84c76f697b34613de9b3c74748b75706977..28adff00b3e1fd3e2431e9f129a5f3ddc22be7a9 100644 >--- a/LayoutTests/TestExpectations >+++ b/LayoutTests/TestExpectations >@@ -3423,6 +3423,8 @@ webkit.org/b/203515 imported/w3c/web-platform-tests/css/css-sizing/slice-intrins > 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 ] >@@ -3431,8 +3433,12 @@ webkit.org/b/203528 imported/w3c/web-platform-tests/css/css-text-decor/text-deco > 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 ] >diff --git a/LayoutTests/imported/w3c/resources/resource-files.json b/LayoutTests/imported/w3c/resources/resource-files.json >index e7bbea873724ef8c9d67b09deb607053026e45f5..b62ddc107eaa7264962cae23c01957d6b349baf4 100644 >--- a/LayoutTests/imported/w3c/resources/resource-files.json >+++ b/LayoutTests/imported/w3c/resources/resource-files.json >@@ -493,6 +493,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", >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..64356838638ce794bbf408351606bb68398bbf4c >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed-expected.html >@@ -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="https://drafts.csswg.org/css-text-decor-4/"> >+<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> >+<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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html >new file mode 100644 >index 0000000000000000000000000000000000000000..b92f3ddcccb407aff29d486c8c3221626617a597 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-dashed.html >@@ -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="https://drafts.csswg.org/css-text-decor-4/"> >+<meta name="assert" content="text-decoration-style: dashed should be correctly invalidated on style change."> >+<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> >+<link rel="match" href="reference/text-decoration-invalidation-dashed-ref.html"> >+<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="/common/reftest-wait.js"></script> >+<script src="/common/rendering-utils.js"></script> >+</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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..5b0542d9249276f7e44aa446a0e4d057e3ace368 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double-expected.html >@@ -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="https://drafts.csswg.org/css-text-decor-4/"> >+<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> >+<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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html >new file mode 100644 >index 0000000000000000000000000000000000000000..eb7ec1846aa2f4c741d579a4d6958115fff421e2 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-double.html >@@ -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="https://drafts.csswg.org/css-text-decor-4/"> >+<meta name="assert" content="text-decoration-style: double should be correctly invalidated on style change."> >+<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> >+<link rel="match" href="reference/text-decoration-invalidation-double-ref.html"> >+<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="/common/reftest-wait.js"></script> >+<script src="/common/rendering-utils.js"></script> >+</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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..65fedfb049b9e76b941ef8554921961cd039fc6d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid-expected.html >@@ -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="https://drafts.csswg.org/css-text-decor-4/"> >+<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> >+<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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html >new file mode 100644 >index 0000000000000000000000000000000000000000..4956557aeedc6c3a35ae46e24c85da1313d5634c >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-solid.html >@@ -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="https://drafts.csswg.org/css-text-decor-4/"> >+<meta name="assert" content="text-decoration-style: solid should be correctly invalidated on style change."> >+<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> >+<link rel="match" href="reference/text-decoration-invalidation-solid-ref.html"> >+<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="/common/reftest-wait.js"></script> >+<script src="/common/rendering-utils.js"></script> >+</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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..eea8254e5aa47f6f17af0d96d0b96b0d92139772 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy-expected.html >@@ -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="https://drafts.csswg.org/css-text-decor-4/"> >+<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> >+<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 >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html >new file mode 100644 >index 0000000000000000000000000000000000000000..cc3af52b93efc355e3cf3176cd3ba4dffcfba375 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/text-decoration-invalidation-wavy.html >@@ -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="https://drafts.csswg.org/css-text-decor-4/"> >+<meta name="assert" content="text-decoration-style: wavy should be correctly invalidated on style change."> >+<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> >+<link rel="match" href="reference/text-decoration-invalidation-wavy-ref.html"> >+<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="/common/reftest-wait.js"></script> >+<script src="/common/rendering-utils.js"></script> >+</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 >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/w3c-import.log >new file mode 100644 >index 0000000000000000000000000000000000000000..68dd7282369df88c2e73b7d475291de3319b334f >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/invalidation/w3c-import.log >@@ -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 >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-expected.html >index 33272cbe1da2512c79282895c1eb19bbeccf6d86..3ae7777ef06cf3fa3bebcf385d8462cf8453ae64 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-expected.html >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-expected.html >@@ -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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..d9811874eef87fe37bf5173c0dccc380907cf439 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001-expected.html >@@ -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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html >new file mode 100644 >index 0000000000000000000000000000000000000000..beababcf4cd228fc40c2165ac3a410bc0aafd0d9 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-001.html >@@ -0,0 +1,81 @@ >+<!DOCTYPE html> >+<html> >+ <head> >+ <title>CSS Test: CSS3 text-decoration-color when |::selection| exists</title> >+ <link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-color-property"> >+ <link rel="help" href="https://www.w3.org/TR/css-pseudo-4/#highlight-styling"> >+ <link rel="match" href="reference/text-decoration-color-selection-001-ref.html"> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html >new file mode 100644 >index 0000000000000000000000000000000000000000..1ee903c08a45decef3206668b24726e064aa3369 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-002.html >@@ -0,0 +1,107 @@ >+<!DOCTYPE html> >+<html> >+ <head> >+ <title>CSS Test: CSS3 text-decoration-color when |::selection| exists</title> >+ <link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-color-property"> >+ <link rel="help" href="https://www.w3.org/TR/css-pseudo-4/#highlight-styling"> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..516b0f83db27177fbc603fabccafbdc7e3211240 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01-expected.html >@@ -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="mailto:schenney@chromium.org"> >+<style> >+ p::first-line { >+ text-decoration: underline; >+ color: green; >+ } >+</style> >+</head> >+<body> >+ <p> >+ Underlined, and green when selected. >+ </p> >+</body> >+</html> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html >new file mode 100644 >index 0000000000000000000000000000000000000000..0df1d477ef72b6ec521bb7b91eeb4531fc435a8c >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color-selection-pseudo-01.html >@@ -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="mailto:schenney@chromium.org"> >+<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-color-property"> >+<link rel="help" href="https://www.w3.org/TR/css-pseudo-4/#highlight-styling"> >+<link rel="match" href="reference/text-decoration-color-selection-pseudo-01-ref.html"> >+<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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color.html >index ec00b56aa4453f5263cd9f19b925e6fa0eec4bf0..1e1353d9fa67ea6ef0019fc499dfeaafae65fe87 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color.html >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-color.html >@@ -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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html >index 9cbee037c0ec7c25b5bfa9813e96652750481c52..617d3f830616e536da7c32a0e92786e60ae45913 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005-expected.html >@@ -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; >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html >index 2d91f73e2ee97d3809eacdfccc43215cd2011655..9b6362733e3cbc9e7638fbb8fc0e76f5755d81e1 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-skip-ink-005.html >@@ -8,8 +8,12 @@ > <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property"> > <link rel="mismatch" href="reference/text-decoration-skip-ink-005-notref.html"> > <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! */ >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f2fab5a3b178970297c50cd3655dba0ff7cc11bc >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font-expected.html >@@ -0,0 +1,3 @@ >+<!doctype html> >+<title>CSS Test Reference</title> >+<!-- Intentionally blank --> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html >new file mode 100644 >index 0000000000000000000000000000000000000000..b23d5b923ecd05e0f7d1dc357cf89a86cb49a0ca >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-from-zero-sized-font.html >@@ -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="mailto:schenney@chromium.org"> >+ <link rel="help" href="https://www.w3.org/TR/css-text-decor-4/#text-decoration-width-property"> >+ <link rel="match" href="../reference/blank.html"> >+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html >index bb9ca31a41b3525854a9b1241d33f9b955f2b4df..fe0739d411e2cf32b5042b0141ca7b84cad3287c 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-ink-skip-dilation-expected.html >@@ -10,6 +10,11 @@ font-family: underline-variable; > 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 @@ top: 25px; > <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..d5be01dfee2f4bcac0a1b928f5b7aebd4d9f9a06 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001-expected.html >@@ -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="mailto:jkew@mozilla.com"> >+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html >new file mode 100644 >index 0000000000000000000000000000000000000000..250edfec753c6f076b068e6d9e17f14ba06c5938 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-percent-001.html >@@ -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="mailto:jkew@mozilla.com"> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property"> >+ <link rel="match" href="reference/text-decoration-thickness-percent-001-ref.html"> >+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html >index acc829dc66d75e776dbe4ca5ad2976576c5c3241..283e28793d0ea778f30e904d986626fde596e29a 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-scroll-001.html >@@ -30,6 +30,7 @@ > text-decoration: green underline; > text-decoration-skip-ink: none; > text-decoration-thickness: 8em; >+ text-underline-position: from-font; > } > </style> > </head> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..108034f02af294f0badc1a252e0bc40c2a779748 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single-expected.html >@@ -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="/fonts/ahem.css"> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html >new file mode 100644 >index 0000000000000000000000000000000000000000..272df4287f31357f1efc3f2abf235827673d35e3 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-single.html >@@ -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="mailto:drott@chromium.org"> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property"> >+ <link rel="mismatch" href="reference/text-decoration-thickness-single-notref.html"> >+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html >index 70421c507b71e5e0e9775fa73ab5f8671912b80b..67457c4ec86cceda6fb4bc0241f85fcbf81cf2f7 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-decoration-thickness-vertical-002.html >@@ -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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht >index b60f03591ed067b8a8411cdad2ea8bcd222a37fc..ed2ce0130eaa8062911a53b3a89ef1bbf7c29fec 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-color-001.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis - color - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.2. Emphasis Mark Color: the âtext-emphasis-colorâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-color" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-color-property" /> > <link rel="match" href="reference/text-emphasis-color-001-ref.xht"/> > <meta name="flags" content="" /> > <meta name="assert" content="This property describes the foreground color of the emphasis marks." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht >index c663f5fd63c25892e6d4fbe6480cde161e182413..55285ef101802cbafde3d69cc3042800574d9d2f 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-001.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis-position - above left - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the âtext-emphasis-positionâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-position" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" /> > <link rel="match" href="reference/text-emphasis-position-above-left-001-ref.xht"/> > <meta name="flags" content="ahem" /> > <meta name="assert" content="This property describes where emphasis marks are drawn at." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht >index 2464e218105696678c1002ce3e65b6b09c1d7d21..409e1efd751489fc906b1bcbbaf36840cde8ff28 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-left-002.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis-position - above left - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the âtext-emphasis-positionâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-position" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" /> > <link rel="match" href="reference/text-emphasis-position-above-left-002-ref.xht"/> > <meta name="flags" content="ahem" /> > <meta name="assert" content="This property describes where emphasis marks are drawn at." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht >index 3068f1069bfdf9a7becc3f28023856e93acc045f..9c211941b9683e129275591a16ec47274d23a49c 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-001.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis-position - above right - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the âtext-emphasis-positionâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-position" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" /> > <link rel="match" href="reference/text-emphasis-position-above-right-001-ref.xht"/> > <meta name="flags" content="ahem" /> > <meta name="assert" content="This property describes where emphasis marks are drawn at." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht >index beb4c94590ee632e8d707b3d3d75e8466d71ee9d..6ef022f635982a85eca64f4ef741d6f8816d6ecf 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-above-right-002.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis-position - above right - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the âtext-emphasis-positionâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-position" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" /> > <link rel="match" href="reference/text-emphasis-position-above-right-002-ref.xht"/> > <meta name="flags" content="ahem" /> > <meta name="assert" content="This property describes where emphasis marks are drawn at." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht >index a675d56c5a1a837f7ea09cbbf47ef2045699878f..8c055a58ee5d39b014bb007bcac62f3eb9068083 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-001.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis-position - below left - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the âtext-emphasis-positionâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-position" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" /> > <link rel="match" href="reference/text-emphasis-position-below-left-001-ref.xht"/> > <meta name="flags" content="ahem" /> > <meta name="assert" content="This property describes where emphasis marks are drawn at." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht >index 15cfdefd07a712521af35958d9e8800b7e9dfb9f..f32c86146dd32770fc97a16a505588285d1e4dea 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-left-002.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis-position - below left - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the âtext-emphasis-positionâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-position" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" /> > <link rel="match" href="reference/text-emphasis-position-below-left-002-ref.xht"/> > <meta name="flags" content="ahem" /> > <meta name="assert" content="This property describes where emphasis marks are drawn at." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht >index e680441c07a596f16991dead80abbb1587552f4d..c39ca23de7a5d734e360d83b22770cf9e47486d2 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-001.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis-position - below right - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the âtext-emphasis-positionâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-position" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" /> > <link rel="match" href="reference/text-emphasis-position-below-right-001-ref.xht"/> > <meta name="flags" content="ahem" /> > <meta name="assert" content="This property describes where emphasis marks are drawn at." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht >index 993fa7f7c0adefc04fba10e5d41d714a968aabbd..1dfea19907dd4a94706a8e16e9ad6e95efffd37c 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-emphasis-position-below-right-002.xht >@@ -4,7 +4,7 @@ > <head> > <title>CSS Test: text-emphasis-position - below right - basic cases</title> > <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> >- <link rel="help" title="CSS Text Level 3: 11.2.4. Emphasis Mark Position: the âtext-emphasis-positionâ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-position" /> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#text-emphasis-position-property" /> > <link rel="match" href="reference/text-emphasis-position-below-right-002-ref.xht"/> > <meta name="flags" content="ahem" /> > <meta name="assert" content="This property describes where emphasis marks are drawn at." /> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..4b0b285a797479f5cf979b778d51456507c24cb5 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative-expected.html >@@ -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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative.html >new file mode 100644 >index 0000000000000000000000000000000000000000..1c945cc40374e3a92ec517f29b119fafc9b03462 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-negative.html >@@ -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="mmaxfield@apple.com"> >+<link rel="author" title="Apple Inc." href="http://www.apple.com/"> >+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/4059"> >+<link rel="mismatch" href="reference/text-underline-offset-negative-notref.html"> >+</head> >+<body> >+<div style="font-size: 48px; text-decoration: underline; text-underline-offset: -20px; text-decoration-skip: none;">Hello</div> >+</body> >+</html> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..6af24debf7dc463aeb7fc10fb4e3b9f6bffd437d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-expected.html >@@ -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="/fonts/ahem.css" /> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..9f3ab30a734aa00977347f886431fae988f63fee >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical-expected.html >@@ -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="/fonts/ahem.css" /> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html >new file mode 100644 >index 0000000000000000000000000000000000000000..b95afc2c1d8e9599244de1d6df8d70a0c07aa1b2 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline-vertical.html >@@ -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="mailto:drott@chromium.org"> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#underline-offset"> >+ <link rel="match" href="reference/text-underline-offset-overline-vertical-ref.html"> >+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline.html >new file mode 100644 >index 0000000000000000000000000000000000000000..cca8c1c110f4dc515d0b93121403813bae58db65 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-overline.html >@@ -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="mailto:drott@chromium.org"> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#underline-offset"> >+ <link rel="match" href="reference/text-underline-offset-overline-ref.html"> >+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html >index 6fb53aa421ab8a869a6e43125b9b04badc1dad10..ee521fa215c7b9102ec6a6805c2866bf433c10a4 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-scroll-001.html >@@ -29,6 +29,7 @@ > text-decoration: red underline; > text-decoration-skip-ink: none; > text-underline-offset: 5em; >+ text-underline-position:from-font; > } > </style> > </head> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..5fcf8db7bc388624246ecd2f0fefb439a5e925ee >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003-expected.html >@@ -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="/fonts/ahem.css" /> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html >new file mode 100644 >index 0000000000000000000000000000000000000000..0addc49e50e13877037d998ce8f5f65fc5c523c5 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-vertical-003.html >@@ -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="mailto:drott@chromium.org"> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#underline-offset"> >+ <link rel="match" href="reference/text-underline-offset-vertical-003-ref.html"> >+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html >new file mode 100644 >index 0000000000000000000000000000000000000000..e1930a69624caf6c18da457a181f6ead8c1c5382 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position-expected.html >@@ -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="/fonts/ahem.css" /> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html >new file mode 100644 >index 0000000000000000000000000000000000000000..ed1c71c2f280e4335d193712ebd58e64f0639e01 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/text-underline-offset-zero-position.html >@@ -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="mailto:jkew@mozilla.com"> >+ <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#line-offset-zero"> >+ <link rel="match" href="reference/text-underline-offset-zero-position-ref.html"> >+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> >+ <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> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/w3c-import.log >index 5e1f290dc041bbb256972c161231baf7e610f3e6..ae0650342291ea4d07751e8483e25fb7d07da705 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/w3c-import.log >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-text-decor/w3c-import.log >@@ -9,7 +9,7 @@ Do NOT modify or remove this file. > > ------------------------------------------------------------------------ > Properties requiring vendor prefixes: >-None >+text-align-last > Property values requiring vendor prefixes: > None > ------------------------------------------------------------------------ >@@ -21,6 +21,11 @@ List of files: > /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 @@ List of files: > /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 @@ List of files: > /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 @@ List of files: > /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 @@ List of files: > /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
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Formatted Diff
|
Diff
Attachments on
bug 230042
:
437621
|
437721