Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(277)

Unified Diff: LayoutTests/fast/css/first-letter-different-renderers-expected.html

Issue 207553007: Apply the correct style to first-letter pseudo elements composed of different renderers (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Addressed comments from Eric: refactored code + more testing Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/css/first-letter-different-renderers-expected.html
diff --git a/LayoutTests/fast/css/first-letter-different-renderers-expected.html b/LayoutTests/fast/css/first-letter-different-renderers-expected.html
new file mode 100644
index 0000000000000000000000000000000000000000..9f24770f7b976e8fe9e3a1dd2932d65da6c69c1d
--- /dev/null
+++ b/LayoutTests/fast/css/first-letter-different-renderers-expected.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style type="text/css">
+ h1 { margin: 8px 0px; font-size: 18px; }
+ div, p, ul { margin: 0px; font-size: 14px; }
+ .bigRedText, .bigRedText a { font-size:16px; font-weight: bold; color: red; }
+ ul li { list-style-type: none; }
+ </style>
+</head>
+<body>
+ <div>
+ <h1>Paragraphs with only one character</h1>
+ <div>
+ <p><span class="bigRedText">A</span></p>
+ <p><span class="bigRedText"><b>B</b></span></p>
+ <p><span class="bigRedText"><em><b>C</b></em></span></p>
+ </div>
+ <h1>Paragraphs with leading spaces</h1>
+ <div>
+ <p><span class="bigRedText">&nbsp;A</span>ppetizers</p>
+ <p><span class="bigRedText">&nbsp;S</span><a href="#">tarters:</a> Soups & Salads</p>
+ <p><span class="bigRedText">&nbsp; &nbsp; M</span>ain Course: <a href="#">Pasta</a></p>
+ <p><span class="bigRedText">&nbsp;&nbsp;&nbsp; D</span>essert: <a href="#">Pasta</a></p>
+ </div>
+ <h1>Multiple paragraphs inside nested blocks (only the first one should get the first-letter)</h1>
+ <div class="testDiv">
+ <div>
+ <p><span class="bigRedText">&ldquo;(A)&rdquo;:</span> Appetizers</p>
+ <p>&ldquo;(<a href="#">B</a>)&rdquo;: <a href="#">Starters:</a> Soups & Salads</p>
+ <p>&ldquo;<b>(</b><a href="#">C</a><b>)</b>&rdquo;: Main Course: <a href="#">Pasta</a></p>
+ </div>
+ </div>
+ <h1>List with spaces after the leading dot</h1>
+ <ul>
+ <li>&middot; Appetizers</li>
+ <li>&middot; <a href="#">Starters:</a> Soups & Salads</li>
+ <li>&middot; Main Course: <a href="#">Pasta</a></li>
+ </ul>
+ <h1>List without spaces after the leading dot</h1>
+ <ul>
+ <li><span class="bigRedText">&middot;A</span>ppetizers</li>
+ <li><span class="bigRedText">&middot;S</span><a href="#">tarters:</a> Soups & Salads</li>
+ <li><span class="bigRedText">&middot;M</span>ain Course: <a href="#">Pasta</a></li>
+ </ul>
+ <h1>first-letter with multiple punctuation characters</h1>
+ <ul>
+ <li><span class="bigRedText">&ldquo;(A)&rdquo;:</span> Appetizers</li>
+ <li><span class="bigRedText">&ldquo;(B)&rdquo;:</span> <a href="#">Starters:</a> Soups & Salads</li>
+ <li><span class="bigRedText">&ldquo;(C)&rdquo;:</span> Main Course: <a href="#">Pasta</a></li>
+ <li><span class="bigRedText">&#34;<b>(</b>D<b>)</b>&#34;:</span> Desserts</li> </ul>
+ </div>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698