| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 scrollWidth 9600208 scrollHeight 1728 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x1728 backgroundClip at (0,0) size 800x600 clip at (0,0)
size 800x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x1728 | |
| 5 LayoutBlockFlow {BODY} at (8,16) size 784x1696 | |
| 6 LayoutBlockFlow {P} at (0,0) size 784x90 [bgcolor=#FFFFFF] | |
| 7 LayoutText {#text} at (0,0) size 765x90 | |
| 8 text run at (0,0) width 765: "The following lines test various combina
tions of letter-spacing (especially negative values) and opacity. All of the lin
es" | |
| 9 text run at (0,18) width 764: "should say \"Hello, world\" but the spa
cing and background shading will vary from test to test. The W3C specs are fairl
y" | |
| 10 text run at (0,36) width 761: "silent on how user agents should handle
unusual values of letter-spacing, especially negative ones, which are explicitl
y" | |
| 11 text run at (0,54) width 737: "implementation-dependent. Different bro
wsers will render these differently, but hopefully the WebKit ports will be" | |
| 12 text run at (0,72) width 121: "consistent, at least." | |
| 13 LayoutBlockFlow {P} at (0,106) size 784x18 [bgcolor=#FFFFFF] | |
| 14 LayoutText {#text} at (0,0) size 261x18 | |
| 15 text run at (0,0) width 261: "The first line should be normally spaced
." | |
| 16 LayoutBlockFlow {P} at (0,140) size 784x18 [bgcolor=#EEEEEE] | |
| 17 LayoutInline {SPAN} at (0,0) size 81x18 | |
| 18 LayoutText {#text} at (160,0) size 81x18 | |
| 19 text run at (160,0) width 81: "Hello, world" | |
| 20 LayoutBlockFlow {P} at (0,174) size 784x18 [bgcolor=#FFFFFF] | |
| 21 LayoutText {#text} at (0,0) size 669x18 | |
| 22 text run at (0,0) width 669: "The next line tests a slight positive le
tter spacing, and should be slightly spaced out (wider than normal)." | |
| 23 LayoutBlockFlow {P} at (0,208) size 784x18 [bgcolor=#EEEEEE] | |
| 24 LayoutInline {SPAN} at (0,0) size 177x18 | |
| 25 LayoutText {#text} at (160,0) size 177x18 | |
| 26 text run at (160,0) width 177: "Hello, world" | |
| 27 LayoutBlockFlow {P} at (0,242) size 784x36 [bgcolor=#FFFFFF] | |
| 28 LayoutText {#text} at (0,0) size 752x36 | |
| 29 text run at (0,0) width 752: "The next line tests a large positive let
ter spacing, and should be *very* spaced out. You may only see an 'H' and a 'w',
" | |
| 30 text run at (0,18) width 54: "perhaps " | |
| 31 text run at (53,18) width 363: "on two different lines, unless you scr
oll way to the right." | |
| 32 LayoutBlockFlow {P} at (0,294) size 784x36 [bgcolor=#EEEEEE] | |
| 33 LayoutInline {SPAN} at (0,0) size 19400x36 | |
| 34 LayoutText {#text} at (160,0) size 19400x36 | |
| 35 text run at (160,0) width 19240: "Hello," | |
| 36 text run at (0,18) width 16038: "world" | |
| 37 LayoutBlockFlow {P} at (0,346) size 784x36 [bgcolor=#FFFFFF] | |
| 38 LayoutText {#text} at (0,0) size 778x36 | |
| 39 text run at (0,0) width 778: "The next line tests a very large positiv
e letter spacing, and should also be *very* spaced out. You may only see an 'H'
and" | |
| 40 text run at (0,18) width 37: "a 'w', " | |
| 41 text run at (36,18) width 416: "perhaps on two different lines, unless
you scroll way to the right." | |
| 42 LayoutBlockFlow {P} at (0,398) size 784x36 [bgcolor=#EEEEEE] | |
| 43 LayoutInline {SPAN} at (0,0) size 9600200x36 | |
| 44 LayoutText {#text} at (160,0) size 9600200x36 | |
| 45 text run at (160,0) width 9600040: "Hello," | |
| 46 text run at (0,18) width 8000038: "world" | |
| 47 LayoutBlockFlow {P} at (0,450) size 784x18 [bgcolor=#FFFFFF] | |
| 48 LayoutText {#text} at (0,0) size 539x18 | |
| 49 text run at (0,0) width 539: "The next line tests a small negative lin
e spacing, and should be crammed backwards" | |
| 50 LayoutBlockFlow {P} at (0,484) size 784x18 [bgcolor=#EEEEEE] | |
| 51 LayoutInline {SPAN} at (0,0) size 0x18 | |
| 52 LayoutText {#text} at (160,0) size 0x18 | |
| 53 text run at (160,0) width 0: "Hello, world" | |
| 54 LayoutBlockFlow {P} at (0,518) size 784x18 [bgcolor=#FFFFFF] | |
| 55 LayoutText {#text} at (0,0) size 518x18 | |
| 56 text run at (0,0) width 518: "The next line tests a large negative lin
e spacing, and should be just display an 'H'" | |
| 57 LayoutBlockFlow {P} at (0,552) size 784x18 [bgcolor=#EEEEEE] | |
| 58 LayoutInline {SPAN} at (0,0) size 0x18 | |
| 59 LayoutText {#text} at (160,0) size 0x18 | |
| 60 text run at (160,0) width 0: "Hello, world" | |
| 61 LayoutBlockFlow {P} at (0,586) size 784x18 [bgcolor=#FFFFFF] | |
| 62 LayoutText {#text} at (0,0) size 519x18 | |
| 63 text run at (0,0) width 519: "The next line tests a very large negativ
e line spacing, and should just have an 'H'." | |
| 64 LayoutBlockFlow {P} at (0,620) size 784x18 [bgcolor=#EEEEEE] | |
| 65 LayoutInline {SPAN} at (0,0) size 0x18 | |
| 66 LayoutText {#text} at (160,0) size 0x18 | |
| 67 text run at (160,0) width 0: "Hello, world" | |
| 68 LayoutBlockFlow {P} at (0,654) size 784x36 [bgcolor=#FFFFFF] | |
| 69 LayoutText {#text} at (0,0) size 782x36 | |
| 70 text run at (0,0) width 728: "The next few lines test the interaction
with opacity. The first line should be normally spaced out, slightly opaque, " | |
| 71 text run at (727,0) width 55: "and on a" | |
| 72 text run at (0,18) width 201: "differently-colored background" | |
| 73 LayoutBlockFlow {P} at (0,706) size 784x18 [bgcolor=#EEEEEE] | |
| 74 LayoutBlockFlow {P} at (0,740) size 784x18 [bgcolor=#FFFFFF] | |
| 75 LayoutText {#text} at (0,0) size 723x18 | |
| 76 text run at (0,0) width 338: "The next line tests a small positive lin
e spacing, and " | |
| 77 text run at (337,0) width 386: "should be slightly spaced out, opaque,
and on a background." | |
| 78 LayoutBlockFlow {P} at (0,774) size 784x18 [bgcolor=#EEEEEE] | |
| 79 LayoutBlockFlow {P} at (0,808) size 784x18 [bgcolor=#FFFFFF] | |
| 80 LayoutText {#text} at (0,0) size 643x18 | |
| 81 text run at (0,0) width 643: "The next line tests a large positive lin
e spacing, and should be very widely spaced, on a background." | |
| 82 LayoutBlockFlow {P} at (0,842) size 784x36 [bgcolor=#EEEEEE] | |
| 83 LayoutBlockFlow {P} at (0,894) size 784x18 [bgcolor=#FFFFFF] | |
| 84 LayoutText {#text} at (0,0) size 766x18 | |
| 85 text run at (0,0) width 340: "The next line tests a very large positiv
e line spacing, " | |
| 86 text run at (339,0) width 427: "and should be very widely spaced but b
lank, and on a background." | |
| 87 LayoutBlockFlow {P} at (0,928) size 784x36 [bgcolor=#EEEEEE] | |
| 88 LayoutBlockFlow {P} at (0,980) size 784x18 [bgcolor=#FFFFFF] | |
| 89 LayoutText {#text} at (0,0) size 447x18 | |
| 90 text run at (0,0) width 447: "The next line tests a small negative lin
e spacing, and should be blank." | |
| 91 LayoutBlockFlow {P} at (0,1014) size 784x18 [bgcolor=#EEEEEE] | |
| 92 LayoutBlockFlow {P} at (0,1048) size 784x18 [bgcolor=#FFFFFF] | |
| 93 LayoutText {#text} at (0,0) size 444x18 | |
| 94 text run at (0,0) width 444: "The next line tests a large negative lin
e spacing, and should be blank." | |
| 95 LayoutBlockFlow {P} at (0,1082) size 784x18 [bgcolor=#EEEEEE] | |
| 96 LayoutBlockFlow {P} at (0,1116) size 784x18 [bgcolor=#FFFFFF] | |
| 97 LayoutText {#text} at (0,0) size 476x18 | |
| 98 text run at (0,0) width 476: "The next line tests a very large negativ
e line spacing, and should be blank." | |
| 99 LayoutBlockFlow {P} at (0,1150) size 784x18 [bgcolor=#EEEEEE] | |
| 100 LayoutBlockFlow {P} at (0,1184) size 784x18 [bgcolor=#FFFFFF] | |
| 101 LayoutText {#text} at (0,0) size 266x18 | |
| 102 text run at (0,0) width 266: "Now we do a few basic right-to-left test
s:" | |
| 103 LayoutBlockFlow {P} at (0,1218) size 784x18 [bgcolor=#FFFFFF] | |
| 104 LayoutText {#text} at (0,0) size 261x18 | |
| 105 text run at (0,0) width 261: "The first line should be normally spaced
." | |
| 106 LayoutBlockFlow {P} at (0,1252) size 784x18 [bgcolor=#EEEEEE] | |
| 107 LayoutInline {SPAN} at (0,0) size 81x18 | |
| 108 LayoutText {#text} at (160,0) size 81x18 | |
| 109 text run at (160,0) width 81 RTL override: "Hello, world" | |
| 110 LayoutBlockFlow {P} at (0,1286) size 784x18 [bgcolor=#FFFFFF] | |
| 111 LayoutText {#text} at (0,0) size 411x18 | |
| 112 text run at (0,0) width 411: "The next line should be slightly spaced
out (wider than normal)." | |
| 113 LayoutBlockFlow {P} at (0,1320) size 784x18 [bgcolor=#EEEEEE] | |
| 114 LayoutInline {SPAN} at (0,0) size 177x18 | |
| 115 LayoutText {#text} at (160,0) size 177x18 | |
| 116 text run at (160,0) width 177 RTL override: "Hello, world" | |
| 117 LayoutBlockFlow {P} at (0,1354) size 784x18 [bgcolor=#FFFFFF] | |
| 118 LayoutText {#text} at (0,0) size 485x18 | |
| 119 text run at (0,0) width 353: "The next line should be crammed backward
s, just as if " | |
| 120 text run at (352,0) width 133: "it wasn't right-to-left" | |
| 121 LayoutBlockFlow {P} at (0,1388) size 784x18 [bgcolor=#EEEEEE] | |
| 122 LayoutInline {SPAN} at (0,0) size 0x18 | |
| 123 LayoutText {#text} at (160,0) size 0x18 | |
| 124 text run at (160,0) width 0 RTL override: "Hello, world" | |
| 125 LayoutBlockFlow {P} at (0,1422) size 784x18 [bgcolor=#FFFFFF] | |
| 126 LayoutText {#text} at (0,0) size 471x18 | |
| 127 text run at (0,0) width 338: "The next line tests a large negative lin
e spacing, and " | |
| 128 text run at (337,0) width 134: "should just print a 'd'" | |
| 129 LayoutBlockFlow {P} at (0,1456) size 784x18 [bgcolor=#EEEEEE] | |
| 130 LayoutInline {SPAN} at (0,0) size 0x18 | |
| 131 LayoutText {#text} at (160,0) size 0x18 | |
| 132 text run at (160,0) width 0 RTL override: "Hello, world" | |
| 133 LayoutBlockFlow {P} at (0,1490) size 784x36 [bgcolor=#FFFFFF] | |
| 134 LayoutText {#text} at (0,0) size 747x36 | |
| 135 text run at (0,0) width 149: "Now, opacity as well - " | |
| 136 text run at (148,0) width 408: "The next line should be printed right
to left, slightly spaced out " | |
| 137 text run at (555,0) width 192: "(wider than normal), and on a" | |
| 138 text run at (0,18) width 80: "background." | |
| 139 LayoutBlockFlow {P} at (0,1542) size 784x18 [bgcolor=#EEEEEE] | |
| 140 LayoutBlockFlow {P} at (0,1576) size 784x18 [bgcolor=#FFFFFF] | |
| 141 LayoutText {#text} at (0,0) size 447x18 | |
| 142 text run at (0,0) width 447: "The next line tests a small negative lin
e spacing, and should be blank." | |
| 143 LayoutBlockFlow {P} at (0,1610) size 784x18 [bgcolor=#EEEEEE] | |
| 144 LayoutBlockFlow {P} at (0,1644) size 784x18 [bgcolor=#FFFFFF] | |
| 145 LayoutText {#text} at (0,0) size 457x18 | |
| 146 text run at (0,0) width 457: "The next line tests a large negative lin
e spacing, and it should be blank." | |
| 147 LayoutBlockFlow {P} at (0,1678) size 784x18 [bgcolor=#EEEEEE] | |
| 148 layer at (8,722) size 81x18 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 transparent | |
| 149 LayoutInline {SPAN} at (0,0) size 81x18 [bgcolor=#CCCCFF] | |
| 150 LayoutText {#text} at (160,0) size 81x18 | |
| 151 text run at (160,0) width 81: "Hello, world" | |
| 152 layer at (8,790) size 177x18 backgroundClip at (0,0) size 800x600 clip at (0,0)
size 800x600 transparent | |
| 153 LayoutInline {SPAN} at (0,0) size 177x18 [bgcolor=#CCCCFF] | |
| 154 LayoutText {#text} at (160,0) size 177x18 | |
| 155 text run at (160,0) width 177: "Hello, world" | |
| 156 layer at (8,858) size 19400x36 backgroundClip at (0,0) size 800x600 clip at (0,0
) size 800x600 transparent | |
| 157 LayoutInline {SPAN} at (0,0) size 19400x36 [bgcolor=#CCCCFF] | |
| 158 LayoutText {#text} at (160,0) size 19400x36 | |
| 159 text run at (160,0) width 19240: "Hello," | |
| 160 text run at (0,18) width 16038: "world" | |
| 161 layer at (8,944) size 9600200x36 backgroundClip at (0,0) size 800x600 clip at (0
,0) size 800x600 transparent | |
| 162 LayoutInline {SPAN} at (0,0) size 9600200x36 [bgcolor=#CCCCFF] | |
| 163 LayoutText {#text} at (160,0) size 9600200x36 | |
| 164 text run at (160,0) width 9600040: "Hello," | |
| 165 text run at (0,18) width 8000038: "world" | |
| 166 layer at (8,1030) size 0x18 transparent | |
| 167 LayoutInline {SPAN} at (0,0) size 0x18 [bgcolor=#CCCCFF] | |
| 168 LayoutText {#text} at (160,0) size 0x18 | |
| 169 text run at (160,0) width 0: "Hello, world" | |
| 170 layer at (8,1098) size 0x18 transparent | |
| 171 LayoutInline {SPAN} at (0,0) size 0x18 [bgcolor=#CCCCFF] | |
| 172 LayoutText {#text} at (160,0) size 0x18 | |
| 173 text run at (160,0) width 0: "Hello, world" | |
| 174 layer at (8,1166) size 0x18 transparent | |
| 175 LayoutInline {SPAN} at (0,0) size 0x18 [bgcolor=#CCCCFF] | |
| 176 LayoutText {#text} at (160,0) size 0x18 | |
| 177 text run at (160,0) width 0: "Hello, world" | |
| 178 layer at (8,1558) size 177x18 backgroundClip at (0,0) size 800x600 clip at (0,0)
size 800x600 transparent | |
| 179 LayoutInline {SPAN} at (0,0) size 177x18 [bgcolor=#CCCCFF] | |
| 180 LayoutText {#text} at (160,0) size 177x18 | |
| 181 text run at (160,0) width 177 RTL override: "Hello, world" | |
| 182 layer at (8,1626) size 0x18 transparent | |
| 183 LayoutInline {SPAN} at (0,0) size 0x18 [bgcolor=#CCCCFF] | |
| 184 LayoutText {#text} at (160,0) size 0x18 | |
| 185 text run at (160,0) width 0 RTL override: "Hello, world" | |
| 186 layer at (8,1694) size 0x18 transparent | |
| 187 LayoutInline {SPAN} at (0,0) size 0x18 [bgcolor=#CCCCFF] | |
| 188 LayoutText {#text} at (160,0) size 0x18 | |
| 189 text run at (160,0) width 0 RTL override: "Hello, world" | |
| OLD | NEW |