Subpixel layout: Convert RenderTable* and AutoTableLayout to use LayoutUnit.
[WebKit-https.git] / LayoutTests / platform / ios-simulator-wk1 / fast / table / border-collapsing / 004-vertical-expected.txt
1 layer at (0,0) size 1656x890
2   RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x890
4   RenderBlock {HTML} at (0,0) size 800x890
5     RenderBody {BODY} at (8,21) size 784x861
6       RenderBlock {H1} at (0,0) size 784x38
7         RenderText {#text} at (0,1) size 289x36
8           text run at (0,1) width 289: "Table Border Models"
9       RenderBlock {P} at (0,59) size 784x21
10         RenderText {#text} at (0,0) size 121x19
11           text run at (0,0) width 121: "This tests tests the "
12         RenderInline {A} at (0,0) size 212x19 [color=#0000EE]
13           RenderText {#text} at (120,0) size 212x19
14             text run at (120,0) width 212: "CSS2 spec rules on table borders"
15         RenderText {#text} at (331,0) size 185x19
16           text run at (331,0) width 9: ". "
17           text run at (339,0) width 177: "The styles applied here are:"
18       RenderBlock {PRE} at (0,95) size 784x169
19         RenderText {#text} at (0,0) size 671x168
20           text run at (0,0) width 398: "TABLE   { margin: 1em; border: medium solid blue; }"
21           text run at (0,14) width 367: "TD  { border: thin solid green; padding: 5px; }"
22           text run at (0,28) width 383: "TH { border: medium solid purple; padding: 5px; }"
23           text run at (0,42) width 352: "TABLE.one, TABLE.two { border-spacing: 1em; }"
24           text run at (0,56) width 313: "TABLE.one { border-collapse: collapse; }"
25           text run at (0,70) width 313: "TABLE.two { border-collapse: separate; }"
26           text run at (0,84) width 523: "TABLE.three { border-collapse: separate; border-spacing: 0 0.5em; }"
27           text run at (0,98) width 515: "TABLE.four { border-collapse: separate; border-spacing: 0.5em 0; }"
28           text run at (0,112) width 320: "TABLE.five { border-collapse: separate; }"
29           text run at (0,126) width 453: "TABLE.five, TABLE.five TD, TABLE.five TH { border: none; }"
30           text run at (0,140) width 671: "TABLE.five TR, TABLE.five COL, TABLE.five COLGROUP, TABLE.five TBODY, TABLE.five THEAD"
31           text run at (0,154) width 258: "    { border: medium solid red; }"
32       RenderBlock {DIV} at (0,276) size 1648x585
33         RenderTable {TABLE} at (16,16) size 260x552 [border: (1px solid #0000FF)]
34           RenderTableSection {TBODY} at (1,1) size 257x549
35             RenderTableRow {TR} at (0,0) size 33x549
36               RenderTableCell {TH} at (0,0) size 33x184 [border: (2px solid #800080)] [r=0 c=0 rs=1 cs=1]
37                 RenderText {#text} at (6,51) size 19x83
38                   text run at (6,51) width 83: "Header One"
39               RenderTableCell {TH} at (0,183) size 33x175 [border: (2px solid #800080)] [r=0 c=1 rs=1 cs=1]
40                 RenderText {#text} at (6,45) size 19x85
41                   text run at (6,45) width 84: "Header Two"
42               RenderTableCell {TH} at (0,357) size 33x192 [border: (2px solid #800080)] [r=0 c=2 rs=1 cs=1]
43                 RenderText {#text} at (6,48) size 19x96
44                   text run at (6,48) width 95: "Header Three"
45             RenderTableRow {TR} at (0,33) size 112x549
46               RenderTableCell {TD} at (33,30) size 112x124 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
47                 RenderText {#text} at (36,-23) size 39x161
48                   text run at (36,-23) width 119: "This table uses the"
49                   text run at (56,-23) width 161: "collapsed borders model."
50               RenderTableCell {TD} at (33,203) size 112x135 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
51                 RenderText {#text} at (26,-14) size 59x163
52                   text run at (26,-14) width 163: "This means that elements"
53                   text run at (46,-14) width 146: "within the cell have no"
54                   text run at (66,-14) width 100: "border-spacing."
55               RenderTableCell {TD} at (33,357) size 112x192 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
56                 RenderText {#text} at (6,6) size 99x172
57                   text run at (6,6) width 139: "Since it has collapsed"
58                   text run at (26,6) width 172: "borders, the borders on the"
59                   text run at (46,6) width 84: "header cells, "
60                   text run at (46,89) width 76: "on all sides,"
61                   text run at (66,6) width 154: "should be medium solid"
62                   text run at (86,6) width 45: "purple."
63             RenderTableRow {TR} at (0,145) size 112x549
64               RenderTableCell {TD} at (145,0) size 112x184 [border: (2px solid #008000)] [r=2 c=0 rs=1 cs=1]
65                 RenderText {#text} at (5,7) size 99x157
66                   text run at (5,7) width 147: "The border of the table"
67                   text run at (25,7) width 155: "itself should be medium"
68                   text run at (45,7) width 117: "solid blue, except "
69                   text run at (45,123) width 40: "where"
70                   text run at (65,7) width 157: "header cells override the"
71                   text run at (85,7) width 45: "border."
72               RenderTableCell {TD} at (145,183) size 112x175 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
73                 RenderText {#text} at (5,6) size 99x154
74                   text run at (5,6) width 115: "The borders that I"
75                   text run at (25,6) width 97: "haven't already"
76                   text run at (45,6) width 154: "mentioned (all the other"
77                   text run at (65,6) width 53: "internal "
78                   text run at (65,58) width 101: "ones) should be"
79                   text run at (85,6) width 104: "thin solid green."
80               RenderTableCell {TD} at (145,357) size 112x192 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
81                 RenderText {#text} at (5,6) size 79x156
82                   text run at (5,6) width 156: "This table should have a"
83                   text run at (25,6) width 145: "1em margin around all"
84                   text run at (45,6) width 45: "edges. "
85                   text run at (45,50) width 82: "This margin "
86                   text run at (45,131) width 11: "is"
87                   text run at (65,6) width 124: "measured from the "
88                 RenderInline {EM} at (0,0) size 19x45
89                   RenderText {#text} at (65,129) size 19x45
90                     text run at (65,129) width 44: "middle"
91                 RenderText {#text} at (85,6) size 19x82
92                   text run at (85,6) width 82: "of its border."
93         RenderTable {TABLE} at (292,16) size 310x552 [border: (3px solid #0000FF)]
94           RenderTableSection {TBODY} at (3,3) size 304x546
95             RenderTableRow {TR} at (0,16) size 36x546
96               RenderTableCell {TH} at (16,16) size 36x119 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
97                 RenderText {#text} at (8,17) size 19x84
98                   text run at (8,17) width 83: "Header One"
99               RenderTableCell {TH} at (16,150) size 36x140 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
100                 RenderText {#text} at (8,27) size 19x85
101                   text run at (8,27) width 84: "Header Two"
102               RenderTableCell {TH} at (16,305) size 36x225 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
103                 RenderText {#text} at (8,64) size 19x96
104                   text run at (8,64) width 95: "Header Three"
105             RenderTableRow {TR} at (0,68) size 92x546
106               RenderTableCell {TD} at (68,26) size 92x99 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
107                 RenderText {#text} at (16,-4) size 59x96
108                   text run at (16,-4) width 96: "This table uses"
109                   text run at (36,-4) width 84: "the separated"
110                   text run at (56,-4) width 96: "borders model."
111               RenderTableCell {TD} at (68,150) size 92x140 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
112                 RenderText {#text} at (6,6) size 79x126
113                   text run at (6,6) width 102: "This means that"
114                   text run at (26,6) width 126: "elements within the"
115                   text run at (46,6) width 109: "cell have border-"
116                   text run at (66,6) width 102: "spacing of 1em."
117               RenderTableCell {TD} at (68,315) size 92x205 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
118                 RenderText {#text} at (16,-4) size 59x205
119                   text run at (16,-4) width 205: "The borders on the header cells,"
120                   text run at (36,-4) width 199: "on all sides, should be medium"
121                   text run at (56,-4) width 80: "solid purple."
122             RenderTableRow {TR} at (0,176) size 112x546
123               RenderTableCell {TD} at (176,16) size 112x119 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
124                 RenderText {#text} at (6,6) size 99x91
125                   text run at (6,6) width 88: "The border of"
126                   text run at (26,6) width 91: "the table itself"
127                   text run at (46,6) width 62: "should be"
128                   text run at (66,6) width 88: "medium solid"
129                   text run at (86,6) width 32: "blue."
130               RenderTableCell {TD} at (176,170) size 112x100 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
131                 RenderText {#text} at (26,-14) size 59x123
132                   text run at (26,-14) width 95: "The borders of"
133                   text run at (46,-14) width 113: "other cells should"
134                   text run at (66,-14) width 123: "be thin solid green."
135               RenderTableCell {TD} at (176,315) size 112x205 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
136                 RenderText {#text} at (16,-4) size 59x191
137                   text run at (16,-4) width 188: "This table should have a 1em"
138                   text run at (36,-4) width 162: "margin around all edges. "
139                   text run at (36,157) width 29: "This"
140                   text run at (56,-4) width 50: "margin "
141                   text run at (56,45) width 135: "is measured from the"
142                 RenderInline {EM} at (0,0) size 19x68
143                   RenderText {#text} at (76,-4) size 19x68
144                     text run at (76,-4) width 68: "outer edge"
145                 RenderText {#text} at (76,63) size 19x87
146                   text run at (76,63) width 86: " of its border."
147         RenderTable {TABLE} at (618,16) size 378x552 [border: (3px solid #0000FF)]
148           RenderTableSection {TBODY} at (3,3) size 372x546
149             RenderTableRow {TR} at (0,8) size 36x546
150               RenderTableCell {TH} at (8,0) size 36x142 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
151                 RenderText {#text} at (8,29) size 19x84
152                   text run at (8,29) width 83: "Header One"
153               RenderTableCell {TH} at (8,141) size 36x200 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
154                 RenderText {#text} at (8,57) size 19x85
155                   text run at (8,57) width 84: "Header Two"
156               RenderTableCell {TH} at (8,340) size 36x206 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
157                 RenderText {#text} at (8,55) size 19x96
158                   text run at (8,55) width 95: "Header Three"
159             RenderTableRow {TR} at (0,52) size 152x546
160               RenderTableCell {TD} at (52,40) size 152x62 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
161                 RenderText {#text} at (46,-34) size 59x119
162                   text run at (46,-34) width 119: "This table uses the"
163                   text run at (66,-34) width 113: "separated borders"
164                   text run at (86,-34) width 44: "model."
165               RenderTableCell {TD} at (52,141) size 152x200 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
166                 RenderText {#text} at (6,6) size 139x184
167                   text run at (6,6) width 156: "Elements within the cell"
168                   text run at (26,6) width 150: "have horizontal border-"
169                   text run at (46,6) width 140: "spacing (i.e., width of"
170                   text run at (66,6) width 144: "vertical lines) of 0 and"
171                   text run at (86,6) width 52: "vertical "
172                   text run at (86,57) width 129: "border-spacing (i.e.,"
173                   text run at (106,6) width 184: "height of horizontal lines) of"
174                   text run at (126,6) width 44: "0.5em."
175               RenderTableCell {TD} at (52,380) size 152x126 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
176                 RenderText {#text} at (46,-34) size 59x180
177                   text run at (46,-34) width 168: "The borders on the header"
178                   text run at (66,-34) width 38: "cells, "
179                   text run at (66,3) width 142: "on all sides, should be"
180                   text run at (86,-34) width 137: "medium solid purple."
181             RenderTableRow {TR} at (0,212) size 152x546
182               RenderTableCell {TD} at (212,0) size 152x142 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
183                 RenderText {#text} at (6,6) size 139x126
184                   text run at (6,6) width 112: "The border of the"
185                   text run at (26,6) width 114: "table itself should"
186                   text run at (46,6) width 107: "be medium solid"
187                   text run at (66,6) width 36: "blue. "
188                   text run at (66,41) width 77: "The borders"
189                   text run at (86,6) width 84: "of other cells"
190                   text run at (106,6) width 126: "should be thin solid"
191                   text run at (126,6) width 40: "green."
192               RenderTableCell {TD} at (212,161) size 152x160 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
193                 RenderText {#text} at (26,-14) size 79x188
194                   text run at (26,-14) width 188: "This table should have a 1em"
195                   text run at (46,-14) width 158: "margin around all edges."
196                   text run at (66,-14) width 82: "This margin "
197                   text run at (66,67) width 76: "is measured"
198                   text run at (86,-14) width 59: "from the "
199                 RenderInline {EM} at (0,0) size 19x69
200                   RenderText {#text} at (86,44) size 19x69
201                     text run at (86,44) width 68: "outer edge"
202                 RenderText {#text} at (86,112) size 39x164
203                   text run at (86,112) width 37: " of its"
204                   text run at (106,-14) width 45: "border."
205               RenderTableCell {TD} at (212,350) size 152x186 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
206                 RenderText {#text} at (16,-4) size 119x192
207                   text run at (16,-4) width 191: "The table should not be wider"
208                   text run at (36,-4) width 187: "than the room available for it"
209                   text run at (56,-4) width 44: "unless "
210                   text run at (56,40) width 111: "that space is very"
211                   text run at (76,-4) width 43: "small. "
212                   text run at (76,38) width 150: "Because of its margins,"
213                   text run at (96,-4) width 105: "the width of the "
214                   text run at (96,100) width 78: "table should"
215                   text run at (116,-4) width 120: "be less than 100%."
216         RenderTable {TABLE} at (1012,16) size 306x552 [border: (3px solid #0000FF)]
217           RenderTableSection {TBODY} at (3,3) size 300x546
218             RenderTableRow {TR} at (0,0) size 36x546
219               RenderTableCell {TH} at (0,8) size 36x149 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
220                 RenderText {#text} at (8,32) size 19x84
221                   text run at (8,32) width 83: "Header One"
222               RenderTableCell {TH} at (0,164) size 36x151 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
223                 RenderText {#text} at (8,33) size 19x84
224                   text run at (8,33) width 84: "Header Two"
225               RenderTableCell {TH} at (0,322) size 36x216 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
226                 RenderText {#text} at (8,60) size 19x96
227                   text run at (8,60) width 95: "Header Three"
228             RenderTableRow {TR} at (0,36) size 112x546
229               RenderTableCell {TD} at (36,28) size 112x109 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
230                 RenderText {#text} at (26,-14) size 59x119
231                   text run at (26,-14) width 119: "This table uses the"
232                   text run at (46,-14) width 113: "separated borders"
233                   text run at (66,-14) width 44: "model."
234               RenderTableCell {TD} at (36,164) size 112x151 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
235                 RenderText {#text} at (6,6) size 99x129
236                   text run at (6,6) width 128: "Elements within the"
237                   text run at (26,6) width 127: "cell have horizontal"
238                   text run at (46,6) width 113: "border-spacing of"
239                   text run at (66,6) width 119: "0.5em and vertical"
240                   text run at (86,6) width 129: "border-spacing of 0."
241               RenderTableCell {TD} at (36,342) size 112x176 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
242                 RenderText {#text} at (26,-14) size 59x180
243                   text run at (26,-14) width 168: "The borders on the header"
244                   text run at (46,-14) width 38: "cells, "
245                   text run at (46,23) width 142: "on all sides, should be"
246                   text run at (66,-14) width 137: "medium solid purple."
247             RenderTableRow {TR} at (0,148) size 152x546
248               RenderTableCell {TD} at (148,18) size 152x129 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
249                 RenderText {#text} at (16,-4) size 119x133
250                   text run at (16,-4) width 112: "The border of the"
251                   text run at (36,-4) width 133: "table itself should be"
252                   text run at (56,-4) width 124: "medium solid blue."
253                   text run at (76,-4) width 132: "The borders of other"
254                   text run at (96,-4) width 124: "cells should be thin"
255                   text run at (116,-4) width 75: "solid green."
256               RenderTableCell {TD} at (148,164) size 152x151 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
257                 RenderText {#text} at (6,6) size 99x122
258                   text run at (6,6) width 111: "This table should"
259                   text run at (26,6) width 122: "have a 1em margin"
260                   text run at (46,6) width 109: "around all edges."
261                   text run at (66,6) width 82: "This margin "
262                   text run at (66,87) width 11: "is"
263                   text run at (86,6) width 120: "measured from the"
264                 RenderInline {EM} at (0,0) size 19x68
265                   RenderText {#text} at (106,6) size 19x68
266                     text run at (106,6) width 68: "outer edge"
267                 RenderText {#text} at (106,73) size 39x105
268                   text run at (106,73) width 37: " of its"
269                   text run at (126,6) width 45: "border."
270               RenderTableCell {TD} at (148,332) size 152x196 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
271                 RenderText {#text} at (16,-4) size 119x198
272                   text run at (16,-4) width 191: "The table should not be wider"
273                   text run at (36,-4) width 187: "than the room available for it"
274                   text run at (56,-4) width 44: "unless "
275                   text run at (56,40) width 154: "that space is very small."
276                   text run at (76,-4) width 173: "Because of its margins, the"
277                   text run at (96,-4) width 82: "width of the "
278                   text run at (96,77) width 97: "table should be"
279                   text run at (116,-4) width 101: "less than 100%."
280         RenderTable {TABLE} at (1334,16) size 298x552
281           RenderBlock {CAPTION} at (0,0) size 20x552
282             RenderText {#text} at (0,215) size 19x122
283               text run at (0,215) width 122: "This is the caption."
284           RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)]
285             RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
286           RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)]
287             RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
288             RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
289           RenderTableSection {THEAD} at (20,0) size 54x552 [border: (3px solid #FF0000)]
290             RenderTableRow {TR} at (0,2) size 50x552 [border: (3px solid #FF0000)]
291               RenderTableCell {TH} at (2,2) size 50x90 [r=0 c=0 rs=1 cs=1]
292                 RenderText {#text} at (5,19) size 39x52
293                   text run at (5,19) width 51: "Header"
294                   text run at (25,30) width 29: "One"
295               RenderTableCell {TH} at (2,103) size 50x221 [r=0 c=1 rs=1 cs=1]
296                 RenderText {#text} at (15,68) size 19x84
297                   text run at (15,68) width 84: "Header Two"
298               RenderTableCell {TH} at (2,345) size 50x195 [r=0 c=2 rs=1 cs=1]
299                 RenderText {#text} at (15,49) size 19x96
300                   text run at (15,49) width 95: "Header Three"
301           RenderTableSection {TBODY} at (74,0) size 224x552 [border: (3px solid #FF0000)]
302             RenderTableRow {TR} at (0,0) size 110x552 [border: (3px solid #FF0000)]
303               RenderTableCell {TD} at (0,2) size 110x90 [r=0 c=0 rs=1 cs=1]
304                 RenderText {#text} at (5,5) size 99x64
305                   text run at (5,5) width 64: "This table"
306                   text run at (25,5) width 52: "uses the"
307                   text run at (45,5) width 61: "separated"
308                   text run at (65,5) width 48: "borders"
309                   text run at (85,5) width 44: "model."
310               RenderTableCell {TD} at (0,113) size 110x201 [r=0 c=1 rs=1 cs=1]
311                 RenderText {#text} at (25,-15) size 59x217
312                   text run at (25,-15) width 177: "This means that borders are"
313                   text run at (45,-15) width 217: "allowed only on table elements or"
314                   text run at (65,-15) width 36: "table "
315                   text run at (65,20) width 88: "cell elements."
316               RenderTableCell {TD} at (0,345) size 110x195 [r=0 c=2 rs=1 cs=1]
317                 RenderText {#text} at (15,-5) size 79x187
318                   text run at (15,-5) width 156: "They are not allowed on"
319                   text run at (35,-5) width 187: "elements that represent rows,"
320                   text run at (55,-5) width 158: "row-groups, columns, or"
321                   text run at (75,-5) width 101: "column-groups."
322             RenderTableRow {TR} at (0,112) size 110x552 [border: (3px solid #FF0000)]
323               RenderTableCell {TD} at (112,2) size 110x90 [r=1 c=0 rs=1 cs=1]
324                 RenderText {#text} at (5,5) size 99x79
325                   text run at (5,5) width 38: "There"
326                   text run at (25,5) width 62: "should be"
327                   text run at (45,5) width 68: "no borders"
328                   text run at (65,5) width 79: "at all on this"
329                   text run at (85,5) width 37: "table!"
330               RenderTableCell {TD} at (112,103) size 110x221 [r=1 c=1 rs=1 cs=1]
331                 RenderText {#text} at (15,-5) size 79x224
332                   text run at (15,-5) width 224: "If there are any borders shown that"
333                   text run at (35,-5) width 200: "are not medium solid red, then "
334                   text run at (35,194) width 20: "the"
335                   text run at (55,-5) width 208: "problem is something other than"
336                   text run at (75,-5) width 150: "what this test is testing."
337               RenderTableCell {TD} at (112,345) size 110x195 [r=1 c=2 rs=1 cs=1]
338                 RenderText {#text} at (15,-5) size 59x191
339                   text run at (15,-5) width 188: "This table should have a 1em"
340                   text run at (35,-5) width 162: "margin around all edges. "
341                   text run at (35,156) width 29: "This"
342                   text run at (55,-5) width 50: "margin "
343                   text run at (55,44) width 135: "is measured from the"
344                 RenderInline {EM} at (0,0) size 19x68
345                   RenderText {#text} at (75,-5) size 19x68
346                     text run at (75,-5) width 68: "outer edge"
347                 RenderText {#text} at (75,62) size 19x87
348                   text run at (75,62) width 86: " of its border."