[css-pseudo] Add expectation for marker-list-style-position.html WPT

The marker-list-style-position.html WPT test was created by Mozilla, and it relies on inside list markers being affected by ::first-line. However, that doesn't happen in Chromium and WebKit, and the relevant issue (w3c/csswg-drafts#4506) is still open. Therefore I'm adding a 2nd expectation in order to allow both behaviors. Bug: 457718 Change-Id: Id61fbdd07940d541eb7a9638a0fc1aefc13bb545
web-platform-tests · Jun 23, 2020 · ce8859b · ce8859b
1 parent 660e4f4
commit ce8859b
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 1 deletion.
diff --git a/...seudo/marker-list-style-position-ref.html → ...o/marker-list-style-position-ref-001.html b/...seudo/marker-list-style-position-ref.html → ...o/marker-list-style-position-ref-001.html
diff --git a/css/css-pseudo/marker-list-style-position-ref-002.html b/css/css-pseudo/marker-list-style-position-ref-002.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Reference: ::marker pseudo elements styled with 'list-style-position' property</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<style>
+body { color: black; background: white; }
+#t1 > li { list-style-position: inside; }
+#t2 > li { list-style-position: outside; }
+#t3 > li { list-style-position: inside; }
+#t4 > li { list-style-position: inside; }
+
+#t1, #t2, blue { color: blue; }
+black { color: black; }
+
+span { font-size: 32pt; }
+</style>
+</head>
+<body>
+<ol id="t1"><li></li><li><black>B</black></li><li><span><black>C</black></span></li></ol>
+<ol id="t2"><li></li><li><black>B</black></li><li><span><black>C</black></span></li></ol>
+<ol id="t3"><li></li><li><blue>B</blue></li><li><span><blue>C</blue></span></li></ol>
+<ol id="t4"><li></li><li><blue>B</blue></li><li><span><blue>C</blue></span></li></ol>
+</body>
+</html>
diff --git a/css/css-pseudo/marker-list-style-position.html b/css/css-pseudo/marker-list-style-position.html
@@ -4,7 +4,12 @@
 <meta charset="utf-8">
 <title>CSS Test: ::marker pseudo elements styled with 'list-style-position' property</title>
 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-<link rel="match" href="marker-list-style-position-ref.html">
+<!-- It's not clear whether inside ::marker should be affected by ::first-line.
+     In the 1st reference, #t3 markers inherit the blue color (like Firefox),
+     and in the 2nd reference they don't (like Chromium and WebKit).
+     See https://github.com/w3c/csswg-drafts/issues/4506 -->
+<link rel="match" href="marker-list-style-position-ref-001.html">
+<link rel="match" href="marker-list-style-position-ref-002.html">
 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
 <meta name="assert" content="It's the list-style-position on the list item element that decides where its ::marker is placed, not the value on the ::marker itself.">
 <style>