added text-decoration-thickness to the text-decoration shorthands

Charlie Marlow · moz-wptsync-bot · commit 0d4300c5045a · 2019-08-08T10:44:32.000+01:00
Differential Revision: https://phabricator.services.mozilla.com/D40335 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1555865 gecko-commit: cd2c60c98be924288209507d616b0b2857456ccd gecko-integration-branch: autoland gecko-reviewers: emilio
diff --git a/css/css-text-decor/reference/text-decoration-shorthands-001-ref.html b/css/css-text-decor/reference/text-decoration-shorthands-001-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Reference case for text-decoration shorthands</title>
+        <style>
+         div{
+             text-decoration: green underline;
+         }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if a green underline renders</p>
+        <div>XX XX</div>
+    </body>
+</html>
+
diff --git a/css/css-text-decor/reference/text-decoration-shorthands-002-ref.html b/css/css-text-decor/reference/text-decoration-shorthands-002-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Reference case for text-decoration shorthands</title>
+        <style>
+         div{
+             text-decoration: green underline;
+             text-decoration-thickness: 100px;
+         }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if a thick green underline is rendered</p>
+        <div>XX XX</div>
+    </body>
+</html>
+
diff --git a/css/css-text-decor/text-decoration-shorthands-001.html b/css/css-text-decor/text-decoration-shorthands-001.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Test case for text-decoration shorthands</title>
+        <meta name="assert" content="text-decoration: the line should be rendered at a thickness of auto">
+        <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
+        <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+        <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
+        <link rel="match" href="reference/text-decoration-shorthands-001-ref.html">
+        <style>
+         div{
+             text-decoration: green underline auto;
+         }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if a green underline renders</p>
+        <div>XX XX</div>
+    </body>
+</html>
+
diff --git a/css/css-text-decor/text-decoration-shorthands-002.html b/css/css-text-decor/text-decoration-shorthands-002.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Test case for text-decoration shorthands</title>
+        <meta name="assert" content="text-decoration: text-decoration-thickness is parsed as part of the text-decoration shorthand">
+        <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
+        <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+        <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
+        <link rel="match" href="reference/text-decoration-shorthands-002-ref.html">
+        <style>
+         /*
+            This test is designed to make sure the underline is rendered
+            the same, regardless of whether or not the thickness is set
+            in the shorthands or the longhands form
+         */
+         div{
+             text-decoration: green underline 100px;
+         }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if a thick green underline is rendered</p>
+        <div>XX XX</div>
+    </body>
+</html>
+
