Subpixel layout: Convert RenderTable* and AutoTableLayout to use LayoutUnit.
[WebKit-https.git] / LayoutTests / platform / ios-simulator / css1 / formatting_model / height_of_lines-expected.txt
1 layer at (0,0) size 800x2285
2   RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x2285
4   RenderBlock {HTML} at (0,0) size 800x2285
5     RenderBody {BODY} at (8,8) size 784x2269 [bgcolor=#CCCCCC]
6       RenderBlock {P} at (0,0) size 784x20
7         RenderText {#text} at (0,0) size 363x19
8           text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9       RenderBlock {PRE} at (0,36) size 784x252
10         RenderText {#text} at (0,0) size 523x252
11           text run at (0,0) width 336: "P.one {font-size: 14px; line-height: 20px;}"
12           text run at (0,14) width 297: "IMG.onea {vertical-align: text-bottom;"
13           text run at (0,28) width 266: "     width: 200px; height: 200px;}"
14           text run at (0,42) width 508: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
15           text run at (0,56) width 0: " "
16           text run at (0,70) width 336: "P.two {font-size: 14px; line-height: 20px;}"
17           text run at (0,84) width 523: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
18           text run at (0,98) width 305: "     padding: 5px; border-style: solid;"
19           text run at (0,112) width 305: "     border-width: 10px; margin: 15px;}"
20           text run at (0,126) width 274: "IMG.twob {vertical-align: text-top;"
21           text run at (0,140) width 297: "          width: 100px; height: 100px;"
22           text run at (0,154) width 305: "     padding: 5px; border-style: solid;"
23           text run at (0,168) width 305: "     border-width: 10px; margin: 15px;}"
24           text run at (0,182) width 0: " "
25           text run at (0,196) width 469: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
26           text run at (0,210) width 305: "     padding: 5px; border-style: solid;"
27           text run at (0,224) width 313: "     border-width: 10px; margin: -10px;}"
28           text run at (0,238) width 0: " "
29       RenderBlock {HR} at (0,301) size 784x2 [border: (1px inset #000000)]
30       RenderBlock {P} at (0,317) size 784x443
31         RenderText {#text} at (0,1) size 774x239
32           text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
33           text run at (412,1) width 362: "This means that the lines of text within it should be separated by"
34           text run at (0,21) width 349: "six pixels, three of which are part of the line-box of each line. "
35           text run at (348,21) width 423: "Any images within the paragraph should increase the height of the line-box"
36           text run at (0,223) width 241: "so that they fit within the line box, such as "
37         RenderImage {IMG} at (240,40) size 201x200
38         RenderText {#text} at (440,223) size 28x17
39           text run at (440,223) width 28: " and "
40         RenderImage {IMG} at (467,223) size 201x200
41         RenderText {#text} at (667,223) size 773x218
42           text run at (667,223) width 8: ". "
43           text run at (674,223) width 99: "This is additional"
44           text run at (0,424) width 710: "text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top aligned."
45       RenderBlock {P} at (0,774) size 784x483
46         RenderText {#text} at (0,1) size 782x199
47           text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
48           text run at (412,1) width 362: "This means that the lines of text within it should be separated by"
49           text run at (0,21) width 61: "six pixels. "
50           text run at (60,21) width 722: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5px), border"
51           text run at (0,183) width 311: "(10px) and margins (15px) within the line box, such as "
52         RenderImage {IMG} at (325,55) size 131x130 [border: (10px solid #000000)]
53         RenderText {#text} at (470,183) size 28x17
54           text run at (470,183) width 28: " and "
55         RenderImage {IMG} at (512,198) size 131x130 [border: (10px solid #000000)]
56         RenderText {#text} at (657,183) size 783x218
57           text run at (657,183) width 8: ". "
58           text run at (664,183) width 98: "This is additional"
59           text run at (0,344) width 713: "text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top aligned. "
60           text run at (712,344) width 43: "It is the"
61           text run at (0,364) width 765: "outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image the bottom border of the"
62           text run at (0,384) width 783: "image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below the top of the text "
63         RenderImage {IMG} at (-10,393) size 80x80 [border: (10px solid #000000)]
64         RenderText {#text} at (60,423) size 753x58
65           text run at (60,423) width 7: ". "
66           text run at (67,423) width 686: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward the image in the vertical"
67           text run at (0,464) width 256: "direction, and also in the horizontal direction."
68       RenderTable {TABLE} at (0,1271) size 784x998 [border: (1px outset #808080)]
69         RenderTableSection {TBODY} at (1,1) size 782x996
70           RenderTableRow {TR} at (0,0) size 782x28
71             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
72               RenderInline {STRONG} at (0,0) size 161x19
73                 RenderText {#text} at (4,4) size 161x19
74                   text run at (4,4) width 161: "TABLE Testing Section"
75           RenderTableRow {TR} at (0,28) size 782x968
76             RenderTableCell {TD} at (0,498) size 13x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
77               RenderText {#text} at (4,4) size 4x19
78                 text run at (4,4) width 4: " "
79             RenderTableCell {TD} at (12,28) size 770x968 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
80               RenderBlock {P} at (4,4) size 762x463
81                 RenderText {#text} at (0,1) size 757x239
82                   text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
83                   text run at (412,1) width 345: "This means that the lines of text within it should be separated"
84                   text run at (0,21) width 367: "by six pixels, three of which are part of the line-box of each line. "
85                   text run at (366,21) width 372: "Any images within the paragraph should increase the height of the"
86                   text run at (0,223) width 291: "line-box so that they fit within the line box, such as "
87                 RenderImage {IMG} at (290,40) size 201x200
88                 RenderText {#text} at (490,223) size 29x17
89                   text run at (490,223) width 29: " and "
90                 RenderImage {IMG} at (518,223) size 201x200
91                 RenderText {#text} at (718,223) size 750x238
92                   text run at (718,223) width 8: ". "
93                   text run at (725,223) width 25: "This"
94                   text run at (0,424) width 734: "is additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top"
95                   text run at (0,444) width 45: "aligned."
96               RenderBlock {P} at (4,481) size 762x483
97                 RenderText {#text} at (0,1) size 759x199
98                   text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
99                   text run at (412,1) width 345: "This means that the lines of text within it should be separated"
100                   text run at (0,21) width 78: "by six pixels. "
101                   text run at (77,21) width 682: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5px),"
102                   text run at (0,183) width 351: "border (10px) and margins (15px) within the line box, such as "
103                 RenderImage {IMG} at (365,55) size 131x130 [border: (10px solid #000000)]
104                 RenderText {#text} at (510,183) size 28x17
105                   text run at (510,183) width 28: " and "
106                 RenderImage {IMG} at (552,198) size 131x130 [border: (10px solid #000000)]
107                 RenderText {#text} at (697,183) size 758x257
108                   text run at (697,183) width 8: ". "
109                   text run at (704,183) width 39: "This is"
110                   text run at (0,344) width 721: "additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top"
111                   text run at (0,364) width 49: "aligned. "
112                   text run at (48,364) width 692: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image the"
113                   text run at (0,384) width 758: "bottom border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px"
114                   text run at (0,423) width 140: "below the top of the text "
115                 RenderImage {IMG} at (129,393) size 81x80 [border: (10px solid #000000)]
116                 RenderText {#text} at (199,423) size 754x58
117                   text run at (199,423) width 8: ". "
118                   text run at (206,423) width 548: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward"
119                   text run at (0,464) width 394: "the image in the vertical direction, and also in the horizontal direction."