Subpixel layout: Convert RenderTable* and AutoTableLayout to use LayoutUnit.
[WebKit-https.git] / LayoutTests / platform / ios-simulator / css1 / color_and_background / background_position-expected.txt
1 layer at (0,0) size 800x1519
2   RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x1519
4   RenderBlock {HTML} at (0,0) size 800x1519
5     RenderBody {BODY} at (8,8) size 784x1503 [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 784x238
10         RenderText {#text} at (0,0) size 671x238
11           text run at (0,0) width 632: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
12           text run at (0,14) width 281: "      background-repeat: no-repeat;}"
13           text run at (0,28) width 609: ".one {background-image: url(../resources/bg.gif); background-position: center;"
14           text run at (0,42) width 469: "      background-repeat: no-repeat; background-color: aqua;}"
15           text run at (0,56) width 617: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
16           text run at (0,70) width 469: "      background-repeat: no-repeat; background-color: aqua;}"
17           text run at (0,84) width 671: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
18           text run at (0,98) width 484: "        background-repeat: no-repeat; background-color: aqua;}"
19           text run at (0,112) width 640: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
20           text run at (0,126) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
21           text run at (0,140) width 617: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
22           text run at (0,154) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
23           text run at (0,168) width 617: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
24           text run at (0,182) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
25           text run at (0,196) width 648: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
26           text run at (0,210) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
27           text run at (0,224) width 0: " "
28       RenderBlock {HR} at (0,287) size 784x2 [border: (1px inset #000000)]
29       RenderBlock {P} at (0,305) size 784x20
30         RenderText {#text} at (0,0) size 514x19
31           text run at (0,0) width 514: "This document should have a single, small green image in its upper right corner."
32       RenderBlock {P} at (0,341) size 784x60 [bgcolor=#00FFFF]
33         RenderText {#text} at (0,0) size 784x59
34           text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
35           text run at (0,20) width 232: "fixed at the center of the paragraph. "
36           text run at (231,20) width 553: "The background color will make it easier to determine the edges of the paragraph, and"
37           text run at (0,40) width 268: "therefore allow you to calculate its center."
38       RenderBlock {P} at (0,417) size 784x60 [bgcolor=#00FFFF]
39         RenderText {#text} at (0,0) size 784x59
40           text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
41           text run at (0,20) width 232: "fixed at the center of the paragraph. "
42           text run at (231,20) width 553: "The background color will make it easier to determine the edges of the paragraph, and"
43           text run at (0,40) width 268: "therefore allow you to calculate its center."
44       RenderBlock {P} at (0,493) size 784x60 [bgcolor=#00FFFF]
45         RenderText {#text} at (0,0) size 765x59
46           text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
47           text run at (0,20) width 418: "image should be fixed at the lower right corner of the paragraph. "
48           text run at (417,20) width 348: "The background color will make it easier to determine"
49           text run at (0,40) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
50       RenderBlock {P} at (0,569) size 784x60 [bgcolor=#00FFFF]
51         RenderText {#text} at (0,0) size 765x59
52           text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
53           text run at (0,20) width 418: "image should be fixed at the lower right corner of the paragraph. "
54           text run at (417,20) width 348: "The background color will make it easier to determine"
55           text run at (0,40) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
56       RenderBlock {P} at (0,645) size 784x60 [bgcolor=#00FFFF]
57         RenderText {#text} at (0,0) size 776x59
58           text run at (0,0) width 741: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image"
59           text run at (0,20) width 323: "should be fixed at the left center of the paragraph. "
60           text run at (322,20) width 454: "The background color will make it easier to determine the edges of the"
61           text run at (0,40) width 367: "paragraph, and therefore allow you to calculate its center."
62       RenderBlock {P} at (0,721) size 784x60 [bgcolor=#00FFFF]
63         RenderText {#text} at (0,0) size 778x59
64           text run at (0,0) width 762: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
65           text run at (0,20) width 778: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if all"
66           text run at (0,40) width 663: "this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
67       RenderBlock {P} at (0,797) size 784x80 [bgcolor=#00FFFF]
68         RenderText {#text} at (0,0) size 777x79
69           text run at (0,0) width 764: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand"
70           text run at (0,20) width 777: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner of"
71           text run at (0,40) width 83: "the element. "
72           text run at (82,40) width 670: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
73           text run at (0,60) width 124: "evaluating this test."
74       RenderTable {TABLE} at (0,893) size 784x610 [border: (1px outset #808080)]
75         RenderTableSection {TBODY} at (1,1) size 782x608
76           RenderTableRow {TR} at (0,0) size 782x28
77             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
78               RenderInline {STRONG} at (0,0) size 161x19
79                 RenderText {#text} at (4,4) size 161x19
80                   text run at (4,4) width 161: "TABLE Testing Section"
81           RenderTableRow {TR} at (0,28) size 782x580
82             RenderTableCell {TD} at (0,304) size 13x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
83               RenderText {#text} at (4,4) size 4x19
84                 text run at (4,4) width 4: " "
85             RenderTableCell {TD} at (12,28) size 770x580 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
86               RenderBlock {P} at (4,4) size 762x20
87                 RenderText {#text} at (0,0) size 514x19
88                   text run at (0,0) width 514: "This document should have a single, small green image in its upper right corner."
89               RenderBlock {P} at (4,40) size 762x60 [bgcolor=#00FFFF]
90                 RenderText {#text} at (0,0) size 757x59
91                   text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
92                   text run at (0,20) width 232: "fixed at the center of the paragraph. "
93                   text run at (231,20) width 526: "The background color will make it easier to determine the edges of the paragraph,"
94                   text run at (0,40) width 295: "and therefore allow you to calculate its center."
95               RenderBlock {P} at (4,116) size 762x60 [bgcolor=#00FFFF]
96                 RenderText {#text} at (0,0) size 757x59
97                   text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
98                   text run at (0,20) width 232: "fixed at the center of the paragraph. "
99                   text run at (231,20) width 526: "The background color will make it easier to determine the edges of the paragraph,"
100                   text run at (0,40) width 295: "and therefore allow you to calculate its center."
101               RenderBlock {P} at (4,192) size 762x60 [bgcolor=#00FFFF]
102                 RenderText {#text} at (0,0) size 748x59
103                   text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
104                   text run at (0,20) width 418: "image should be fixed at the lower right corner of the paragraph. "
105                   text run at (417,20) width 280: "The background color will make it easier to"
106                   text run at (0,40) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
107               RenderBlock {P} at (4,268) size 762x60 [bgcolor=#00FFFF]
108                 RenderText {#text} at (0,0) size 748x59
109                   text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
110                   text run at (0,20) width 418: "image should be fixed at the lower right corner of the paragraph. "
111                   text run at (417,20) width 280: "The background color will make it easier to"
112                   text run at (0,40) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
113               RenderBlock {P} at (4,344) size 762x60 [bgcolor=#00FFFF]
114                 RenderText {#text} at (0,0) size 752x59
115                   text run at (0,0) width 741: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image"
116                   text run at (0,20) width 323: "should be fixed at the left center of the paragraph. "
117                   text run at (322,20) width 430: "The background color will make it easier to determine the edges of"
118                   text run at (0,40) width 391: "the paragraph, and therefore allow you to calculate its center."
119               RenderBlock {P} at (4,420) size 762x60 [bgcolor=#00FFFF]
120                 RenderText {#text} at (0,0) size 762x59
121                   text run at (0,0) width 762: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
122                   text run at (0,20) width 758: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if"
123                   text run at (0,40) width 683: "all this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
124               RenderBlock {P} at (4,496) size 762x80 [bgcolor=#00FFFF]
125                 RenderText {#text} at (0,0) size 759x79
126                   text run at (0,0) width 733: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-"
127                   text run at (0,20) width 750: "hand corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left"
128                   text run at (0,40) width 145: "corner of the element. "
129                   text run at (144,40) width 615: "The background color will make it easier to determine the edges of the paragraph, which should"
130                   text run at (0,60) width 180: "assist in evaluating this test."