Add layout test for first-letter bug.
authorhyatt <hyatt@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 6 Mar 2004 01:21:05 +0000 (01:21 +0000)
committerhyatt <hyatt@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 6 Mar 2004 01:21:05 +0000 (01:21 +0000)
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@6181 268f45cc-cd09-0410-ab3c-d52691b4dbfc

LayoutTests/fast/css-generated-content/012-expected.txt [new file with mode: 0644]
LayoutTests/fast/css-generated-content/012.html [new file with mode: 0644]

diff --git a/LayoutTests/fast/css-generated-content/012-expected.txt b/LayoutTests/fast/css-generated-content/012-expected.txt
new file mode 100644 (file)
index 0000000..7e7ea5c
--- /dev/null
@@ -0,0 +1,31 @@
+layer at (0,0) size 800x600
+  RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x454
+  RenderBlock {HTML} at (0,0) size 800x454
+    RenderBody {BODY} at (8,8) size 784x422
+      RenderBlock {H1} at (0,0) size 784x55
+        RenderText {TEXT} at (0,0) size 774x55
+          text run at (0,0) width 774: "Inheritance bug for floated first-letter"
+      RenderBlock {P} at (0,87) size 784x169 [bgcolor=#EEEEEE] [border: (1px solid #000000)]
+        RenderInline (generated) at (0,0) size 54x85 [color=#008000] [border: (1px dashed #008000)]
+          RenderText {TEXT} at (2,1) size 52x83
+            text run at (2,1) width 52: "H"
+        RenderText {TEXT} at (55,45) size 780x123
+          text run at (55,45) width 726: "ere is the first paragraph. Here the CSS :first-line rule sets the text to"
+          text run at (1,84) width 232: "a green, sans-serif font. "
+          text run at (233,84) width 505: "Then, the CSS :first-letter rule sets the font size to 3"
+          text run at (738,84) width 36: "em,"
+          text run at (1,112) width 743: "and makes the text bold. And here's some more text to pad out the paragraph"
+          text run at (1,140) width 723: "and make things look nice (or, at least, to illustrate the problem correctly)."
+      RenderBlock {P} at (0,280) size 784x142 [bgcolor=#EEEEEE] [border: (1px solid #000000)]
+        RenderBlock (floating) at (1,1) size 54x85 [color=#008000] [border: (1px dashed #008000)]
+          RenderText {TEXT} at (1,1) size 52x83
+            text run at (1,1) width 52: "H"
+        RenderText {TEXT} at (55,1) size 768x140
+          text run at (55,1) width 714: "ere is the second paragraph. This is just like the first except that the"
+          text run at (55,29) width 382: "rule p.floated:first-letter floats the first "
+          text run at (437,29) width 163: "letter to the left. "
+          text run at (600,29) width 135: "However, this"
+          text run at (55,57) width 683: "floated element should still inherit the font properties (green and sans-"
+          text run at (55,85) width 704: "serif) from the first-line: selector. It does not -- instead, the font is black,"
+          text run at (1,113) width 542: "and uses the serif font. .... And here's some more text ...."
diff --git a/LayoutTests/fast/css-generated-content/012.html b/LayoutTests/fast/css-generated-content/012.html
new file mode 100644 (file)
index 0000000..b6b3957
--- /dev/null
@@ -0,0 +1,44 @@
+<html>  <head>
+
+<title> Test of Stylesheet Pseudo Elements  </title>
+<style>
+body  {font-family: serif; font-size: 150%;}
+p     {  border: thin solid black; background-color: #eeeeee; }
+
+p:first-line    {
+      font-family: sans-serif;
+      color: green; 
+    }
+
+p:first-letter    {
+      font-size:    3em;
+      font-weight:  bold;
+      border: dashed thin;
+    }
+
+p.floated:first-letter {float: left; }
+</style> 
+</head>
+
+<body>
+
+<h1>Inheritance bug for floated first-letter </h1>
+
+<p> Here is the first paragraph. Here the CSS :first-line rule
+sets the text to a green, sans-serif font.   Then, the CSS :first-letter
+rule sets the font size to 3em, and makes the text bold. And here's some
+more text to pad out the paragraph and make things look nice (or, at least,
+to illustrate the problem correctly).
+</p>
+
+<p class="floated"> Here is the second paragraph. This is just like
+the first except that the rule p.floated:first-letter floats the first 
+letter to the left.  However, this floated element should still inherit
+the font properties (green and sans-serif) from the first-line: selector.
+It does not -- instead, the font is black, and uses the serif font.
+.... And here's some
+more text ....
+</p>
+
+
+</body></html>