OLD | NEW |
1 { | 1 { |
2 "bounds": [800, 600], | 2 "bounds": [800, 600], |
3 "children": [ | 3 "children": [ |
4 { | 4 { |
5 "bounds": [800, 600], | 5 "bounds": [800, 600], |
6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
7 "drawsContent": true, | 7 "drawsContent": true, |
8 "repaintRects": [ | 8 "repaintRects": [ |
9 [558, 8, 50, 500] | 9 [558, 8, 50, 500] |
10 ], | 10 ], |
| 11 "paintInvalidationClients": [ |
| 12 "LayoutBlockFlow (positioned) DIV id='container'" |
| 13 ], |
11 "children": [ | 14 "children": [ |
12 { | 15 { |
13 "position": [8, 8], | 16 "position": [8, 8], |
14 "bounds": [55, 40], | 17 "bounds": [55, 40], |
15 "drawsContent": true, | 18 "drawsContent": true, |
16 "backfaceVisibility": "hidden", | 19 "backfaceVisibility": "hidden", |
17 "repaintRects": [ | 20 "repaintRects": [ |
18 [55, 0, 5, 40] | 21 [55, 0, 5, 40] |
| 22 ], |
| 23 "paintInvalidationClients": [ |
| 24 "LayoutBlockFlow (positioned) DIV class='test image'" |
19 ] | 25 ] |
20 }, | 26 }, |
21 { | 27 { |
22 "position": [58, 8], | 28 "position": [58, 8], |
23 "bounds": [55, 40], | 29 "bounds": [55, 40], |
24 "drawsContent": true, | 30 "drawsContent": true, |
25 "backfaceVisibility": "hidden", | 31 "backfaceVisibility": "hidden", |
26 "repaintRects": [ | 32 "repaintRects": [ |
27 [0, 0, 60, 40], | 33 [0, 0, 60, 40], |
28 [0, 0, 55, 40] | 34 [0, 0, 55, 40] |
| 35 ], |
| 36 "paintInvalidationClients": [ |
| 37 "LayoutBlockFlow (positioned) DIV class='test image size-cover'" |
29 ] | 38 ] |
30 }, | 39 }, |
31 { | 40 { |
32 "position": [108, 8], | 41 "position": [108, 8], |
33 "bounds": [55, 40], | 42 "bounds": [55, 40], |
34 "drawsContent": true, | 43 "drawsContent": true, |
35 "backfaceVisibility": "hidden", | 44 "backfaceVisibility": "hidden", |
36 "repaintRects": [ | 45 "repaintRects": [ |
37 [0, 0, 60, 40], | 46 [0, 0, 60, 40], |
38 [0, 0, 55, 40] | 47 [0, 0, 55, 40] |
| 48 ], |
| 49 "paintInvalidationClients": [ |
| 50 "LayoutBlockFlow (positioned) DIV class='test image size-contain'" |
39 ] | 51 ] |
40 }, | 52 }, |
41 { | 53 { |
42 "position": [158, 8], | 54 "position": [158, 8], |
43 "bounds": [55, 40], | 55 "bounds": [55, 40], |
44 "drawsContent": true, | 56 "drawsContent": true, |
45 "backfaceVisibility": "hidden", | 57 "backfaceVisibility": "hidden", |
46 "repaintRects": [ | 58 "repaintRects": [ |
47 [55, 0, 5, 40] | 59 [55, 0, 5, 40] |
| 60 ], |
| 61 "paintInvalidationClients": [ |
| 62 "LayoutBlockFlow (positioned) DIV class='test image fixed-width'" |
48 ] | 63 ] |
49 }, | 64 }, |
50 { | 65 { |
51 "position": [208, 8], | 66 "position": [208, 8], |
52 "bounds": [55, 40], | 67 "bounds": [55, 40], |
53 "drawsContent": true, | 68 "drawsContent": true, |
54 "backfaceVisibility": "hidden", | 69 "backfaceVisibility": "hidden", |
55 "repaintRects": [ | 70 "repaintRects": [ |
56 [0, 0, 60, 40], | 71 [0, 0, 60, 40], |
57 [0, 0, 55, 40] | 72 [0, 0, 55, 40] |
| 73 ], |
| 74 "paintInvalidationClients": [ |
| 75 "LayoutBlockFlow (positioned) DIV class='test image percent-width'" |
58 ] | 76 ] |
59 }, | 77 }, |
60 { | 78 { |
61 "position": [258, 8], | 79 "position": [258, 8], |
62 "bounds": [55, 40], | 80 "bounds": [55, 40], |
63 "drawsContent": true, | 81 "drawsContent": true, |
64 "backfaceVisibility": "hidden", | 82 "backfaceVisibility": "hidden", |
65 "repaintRects": [ | 83 "repaintRects": [ |
66 [55, 0, 5, 40] | 84 [55, 0, 5, 40] |
| 85 ], |
| 86 "paintInvalidationClients": [ |
| 87 "LayoutBlockFlow (positioned) DIV class='test image left'" |
67 ] | 88 ] |
68 }, | 89 }, |
69 { | 90 { |
70 "position": [308, 8], | 91 "position": [308, 8], |
71 "bounds": [55, 40], | 92 "bounds": [55, 40], |
72 "drawsContent": true, | 93 "drawsContent": true, |
73 "backfaceVisibility": "hidden", | 94 "backfaceVisibility": "hidden", |
74 "repaintRects": [ | 95 "repaintRects": [ |
75 [0, 0, 60, 40], | 96 [0, 0, 60, 40], |
76 [0, 0, 55, 40] | 97 [0, 0, 55, 40] |
| 98 ], |
| 99 "paintInvalidationClients": [ |
| 100 "LayoutBlockFlow (positioned) DIV class='test image right'" |
77 ] | 101 ] |
78 }, | 102 }, |
79 { | 103 { |
80 "position": [358, 8], | 104 "position": [358, 8], |
81 "bounds": [55, 40], | 105 "bounds": [55, 40], |
82 "drawsContent": true, | 106 "drawsContent": true, |
83 "backfaceVisibility": "hidden", | 107 "backfaceVisibility": "hidden", |
84 "repaintRects": [ | 108 "repaintRects": [ |
85 [0, 0, 60, 40], | 109 [0, 0, 60, 40], |
86 [0, 0, 55, 40] | 110 [0, 0, 55, 40] |
| 111 ], |
| 112 "paintInvalidationClients": [ |
| 113 "LayoutBlockFlow (positioned) DIV class='test image center'" |
87 ] | 114 ] |
88 }, | 115 }, |
89 { | 116 { |
90 "position": [408, 8], | 117 "position": [408, 8], |
91 "bounds": [55, 40], | 118 "bounds": [55, 40], |
92 "drawsContent": true, | 119 "drawsContent": true, |
93 "backfaceVisibility": "hidden", | 120 "backfaceVisibility": "hidden", |
94 "repaintRects": [ | 121 "repaintRects": [ |
95 [55, 0, 5, 40] | 122 [55, 0, 5, 40] |
| 123 ], |
| 124 "paintInvalidationClients": [ |
| 125 "LayoutBlockFlow (positioned) DIV class='test image no-repeat'" |
96 ] | 126 ] |
97 }, | 127 }, |
98 { | 128 { |
99 "position": [458, 8], | 129 "position": [458, 8], |
100 "bounds": [55, 40], | 130 "bounds": [55, 40], |
101 "drawsContent": true, | 131 "drawsContent": true, |
102 "backfaceVisibility": "hidden", | 132 "backfaceVisibility": "hidden", |
103 "repaintRects": [ | 133 "repaintRects": [ |
104 [0, 0, 60, 40], | 134 [0, 0, 60, 40], |
105 [0, 0, 55, 40] | 135 [0, 0, 55, 40] |
| 136 ], |
| 137 "paintInvalidationClients": [ |
| 138 "LayoutBlockFlow (positioned) DIV class='test image repeat-space'" |
106 ] | 139 ] |
107 }, | 140 }, |
108 { | 141 { |
109 "position": [508, 8], | 142 "position": [508, 8], |
110 "bounds": [55, 40], | 143 "bounds": [55, 40], |
111 "drawsContent": true, | 144 "drawsContent": true, |
112 "backfaceVisibility": "hidden", | 145 "backfaceVisibility": "hidden", |
113 "repaintRects": [ | 146 "repaintRects": [ |
114 [0, 0, 60, 40], | 147 [0, 0, 60, 40], |
115 [0, 0, 55, 40] | 148 [0, 0, 55, 40] |
| 149 ], |
| 150 "paintInvalidationClients": [ |
| 151 "LayoutBlockFlow (positioned) DIV class='test image repeat-round'" |
116 ] | 152 ] |
117 }, | 153 }, |
118 { | 154 { |
119 "position": [8, 108], | 155 "position": [8, 108], |
120 "bounds": [55, 40], | 156 "bounds": [55, 40], |
121 "drawsContent": true, | 157 "drawsContent": true, |
122 "backfaceVisibility": "hidden", | 158 "backfaceVisibility": "hidden", |
123 "repaintRects": [ | 159 "repaintRects": [ |
124 [0, 0, 60, 40], | 160 [0, 0, 60, 40], |
125 [0, 0, 55, 40] | 161 [0, 0, 55, 40] |
| 162 ], |
| 163 "paintInvalidationClients": [ |
| 164 "LayoutBlockFlow (positioned) DIV class='test generated'" |
126 ] | 165 ] |
127 }, | 166 }, |
128 { | 167 { |
129 "position": [8, 108], | 168 "position": [8, 108], |
130 "bounds": [55, 40], | 169 "bounds": [55, 40], |
131 "drawsContent": true, | 170 "drawsContent": true, |
132 "backfaceVisibility": "hidden", | 171 "backfaceVisibility": "hidden", |
133 "repaintRects": [ | 172 "repaintRects": [ |
134 [0, 0, 60, 40], | 173 [0, 0, 60, 40], |
135 [0, 0, 55, 40] | 174 [0, 0, 55, 40] |
| 175 ], |
| 176 "paintInvalidationClients": [ |
| 177 "LayoutBlockFlow (positioned) DIV class='test generated cover'" |
136 ] | 178 ] |
137 }, | 179 }, |
138 { | 180 { |
139 "position": [8, 108], | 181 "position": [8, 108], |
140 "bounds": [55, 40], | 182 "bounds": [55, 40], |
141 "drawsContent": true, | 183 "drawsContent": true, |
142 "backfaceVisibility": "hidden", | 184 "backfaceVisibility": "hidden", |
143 "repaintRects": [ | 185 "repaintRects": [ |
144 [0, 0, 60, 40], | 186 [0, 0, 60, 40], |
145 [0, 0, 55, 40] | 187 [0, 0, 55, 40] |
| 188 ], |
| 189 "paintInvalidationClients": [ |
| 190 "LayoutBlockFlow (positioned) DIV class='test generated contain'" |
146 ] | 191 ] |
147 }, | 192 }, |
148 { | 193 { |
149 "position": [158, 108], | 194 "position": [158, 108], |
150 "bounds": [55, 40], | 195 "bounds": [55, 40], |
151 "drawsContent": true, | 196 "drawsContent": true, |
152 "backfaceVisibility": "hidden", | 197 "backfaceVisibility": "hidden", |
153 "repaintRects": [ | 198 "repaintRects": [ |
154 [55, 0, 5, 40] | 199 [55, 0, 5, 40] |
| 200 ], |
| 201 "paintInvalidationClients": [ |
| 202 "LayoutBlockFlow (positioned) DIV class='test generated fixed-width'
" |
155 ] | 203 ] |
156 }, | 204 }, |
157 { | 205 { |
158 "position": [208, 108], | 206 "position": [208, 108], |
159 "bounds": [55, 40], | 207 "bounds": [55, 40], |
160 "drawsContent": true, | 208 "drawsContent": true, |
161 "backfaceVisibility": "hidden", | 209 "backfaceVisibility": "hidden", |
162 "repaintRects": [ | 210 "repaintRects": [ |
163 [0, 0, 60, 40], | 211 [0, 0, 60, 40], |
164 [0, 0, 55, 40] | 212 [0, 0, 55, 40] |
| 213 ], |
| 214 "paintInvalidationClients": [ |
| 215 "LayoutBlockFlow (positioned) DIV class='test generated percent-widt
h'" |
165 ] | 216 ] |
166 }, | 217 }, |
167 { | 218 { |
168 "position": [258, 108], | 219 "position": [258, 108], |
169 "bounds": [55, 40], | 220 "bounds": [55, 40], |
170 "drawsContent": true, | 221 "drawsContent": true, |
171 "backfaceVisibility": "hidden", | 222 "backfaceVisibility": "hidden", |
172 "repaintRects": [ | 223 "repaintRects": [ |
173 [0, 0, 60, 40], | 224 [0, 0, 60, 40], |
174 [0, 0, 55, 40] | 225 [0, 0, 55, 40] |
| 226 ], |
| 227 "paintInvalidationClients": [ |
| 228 "LayoutBlockFlow (positioned) DIV class='test generated left'" |
175 ] | 229 ] |
176 }, | 230 }, |
177 { | 231 { |
178 "position": [308, 108], | 232 "position": [308, 108], |
179 "bounds": [55, 40], | 233 "bounds": [55, 40], |
180 "drawsContent": true, | 234 "drawsContent": true, |
181 "backfaceVisibility": "hidden", | 235 "backfaceVisibility": "hidden", |
182 "repaintRects": [ | 236 "repaintRects": [ |
183 [0, 0, 60, 40], | 237 [0, 0, 60, 40], |
184 [0, 0, 55, 40] | 238 [0, 0, 55, 40] |
| 239 ], |
| 240 "paintInvalidationClients": [ |
| 241 "LayoutBlockFlow (positioned) DIV class='test generated right'" |
185 ] | 242 ] |
186 }, | 243 }, |
187 { | 244 { |
188 "position": [358, 108], | 245 "position": [358, 108], |
189 "bounds": [55, 40], | 246 "bounds": [55, 40], |
190 "drawsContent": true, | 247 "drawsContent": true, |
191 "backfaceVisibility": "hidden", | 248 "backfaceVisibility": "hidden", |
192 "repaintRects": [ | 249 "repaintRects": [ |
193 [0, 0, 60, 40], | 250 [0, 0, 60, 40], |
194 [0, 0, 55, 40] | 251 [0, 0, 55, 40] |
| 252 ], |
| 253 "paintInvalidationClients": [ |
| 254 "LayoutBlockFlow (positioned) DIV class='test generated center'" |
195 ] | 255 ] |
196 }, | 256 }, |
197 { | 257 { |
198 "position": [408, 108], | 258 "position": [408, 108], |
199 "bounds": [55, 40], | 259 "bounds": [55, 40], |
200 "drawsContent": true, | 260 "drawsContent": true, |
201 "backfaceVisibility": "hidden", | 261 "backfaceVisibility": "hidden", |
202 "repaintRects": [ | 262 "repaintRects": [ |
203 [0, 0, 60, 40], | 263 [0, 0, 60, 40], |
204 [0, 0, 55, 40] | 264 [0, 0, 55, 40] |
| 265 ], |
| 266 "paintInvalidationClients": [ |
| 267 "LayoutBlockFlow (positioned) DIV class='test generated no-repeat'" |
205 ] | 268 ] |
206 }, | 269 }, |
207 { | 270 { |
208 "position": [458, 108], | 271 "position": [458, 108], |
209 "bounds": [55, 40], | 272 "bounds": [55, 40], |
210 "drawsContent": true, | 273 "drawsContent": true, |
211 "backfaceVisibility": "hidden", | 274 "backfaceVisibility": "hidden", |
212 "repaintRects": [ | 275 "repaintRects": [ |
213 [0, 0, 60, 40], | 276 [0, 0, 60, 40], |
214 [0, 0, 55, 40] | 277 [0, 0, 55, 40] |
| 278 ], |
| 279 "paintInvalidationClients": [ |
| 280 "LayoutBlockFlow (positioned) DIV class='test generated repeat-space
'" |
215 ] | 281 ] |
216 }, | 282 }, |
217 { | 283 { |
218 "position": [508, 108], | 284 "position": [508, 108], |
219 "bounds": [55, 40], | 285 "bounds": [55, 40], |
220 "drawsContent": true, | 286 "drawsContent": true, |
221 "backfaceVisibility": "hidden", | 287 "backfaceVisibility": "hidden", |
222 "repaintRects": [ | 288 "repaintRects": [ |
223 [0, 0, 60, 40], | 289 [0, 0, 60, 40], |
224 [0, 0, 55, 40] | 290 [0, 0, 55, 40] |
| 291 ], |
| 292 "paintInvalidationClients": [ |
| 293 "LayoutBlockFlow (positioned) DIV class='test generated repeat-round
'" |
225 ] | 294 ] |
226 } | 295 } |
227 ] | 296 ] |
228 } | 297 } |
229 ] | 298 ] |
230 } | 299 } |
231 | 300 |
OLD | NEW |