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 "paintInvalidations": [ | 8 "paintInvalidations": [ |
9 { | 9 { |
10 "object": "LayoutBlockFlow (positioned) DIV id='container'", | 10 "object": "LayoutBlockFlow (positioned) DIV id='container'", |
(...skipping 16 matching lines...) Expand all Loading... |
27 ] | 27 ] |
28 }, | 28 }, |
29 { | 29 { |
30 "position": [58, 8], | 30 "position": [58, 8], |
31 "bounds": [60, 44], | 31 "bounds": [60, 44], |
32 "drawsContent": true, | 32 "drawsContent": true, |
33 "backfaceVisibility": "hidden", | 33 "backfaceVisibility": "hidden", |
34 "paintInvalidations": [ | 34 "paintInvalidations": [ |
35 { | 35 { |
36 "object": "LayoutBlockFlow (positioned) DIV class='test image size
-cover'", | 36 "object": "LayoutBlockFlow (positioned) DIV class='test image size
-cover'", |
37 "rect": [0, 0, 60, 40], | |
38 "reason": "border box change" | |
39 }, | |
40 { | |
41 "object": "LayoutBlockFlow (positioned) DIV class='test image size
-cover'", | |
42 "rect": [0, 0, 60, 44], | 37 "rect": [0, 0, 60, 44], |
43 "reason": "border box change" | 38 "reason": "border box change" |
44 } | 39 } |
45 ] | 40 ] |
46 }, | 41 }, |
47 { | 42 { |
48 "position": [108, 8], | 43 "position": [108, 8], |
49 "bounds": [60, 44], | 44 "bounds": [60, 44], |
50 "drawsContent": true, | 45 "drawsContent": true, |
51 "backfaceVisibility": "hidden", | 46 "backfaceVisibility": "hidden", |
52 "paintInvalidations": [ | 47 "paintInvalidations": [ |
53 { | 48 { |
54 "object": "LayoutBlockFlow (positioned) DIV class='test image size
-contain'", | 49 "object": "LayoutBlockFlow (positioned) DIV class='test image size
-contain'", |
55 "rect": [0, 0, 60, 40], | |
56 "reason": "border box change" | |
57 }, | |
58 { | |
59 "object": "LayoutBlockFlow (positioned) DIV class='test image size
-contain'", | |
60 "rect": [0, 0, 60, 44], | 50 "rect": [0, 0, 60, 44], |
61 "reason": "border box change" | 51 "reason": "border box change" |
62 } | 52 } |
63 ] | 53 ] |
64 }, | 54 }, |
65 { | 55 { |
66 "position": [158, 8], | 56 "position": [158, 8], |
67 "bounds": [60, 44], | 57 "bounds": [60, 44], |
68 "drawsContent": true, | 58 "drawsContent": true, |
69 "backfaceVisibility": "hidden", | 59 "backfaceVisibility": "hidden", |
70 "paintInvalidations": [ | 60 "paintInvalidations": [ |
71 { | 61 { |
72 "object": "LayoutBlockFlow (positioned) DIV class='test image fixe
d-height'", | 62 "object": "LayoutBlockFlow (positioned) DIV class='test image fixe
d-height'", |
73 "rect": [0, 40, 60, 4], | 63 "rect": [0, 40, 60, 4], |
74 "reason": "incremental" | 64 "reason": "incremental" |
75 } | 65 } |
76 ] | 66 ] |
77 }, | 67 }, |
78 { | 68 { |
79 "position": [208, 8], | 69 "position": [208, 8], |
80 "bounds": [60, 44], | 70 "bounds": [60, 44], |
81 "drawsContent": true, | 71 "drawsContent": true, |
82 "backfaceVisibility": "hidden", | 72 "backfaceVisibility": "hidden", |
83 "paintInvalidations": [ | 73 "paintInvalidations": [ |
84 { | 74 { |
85 "object": "LayoutBlockFlow (positioned) DIV class='test image perc
ent-height'", | 75 "object": "LayoutBlockFlow (positioned) DIV class='test image perc
ent-height'", |
86 "rect": [0, 0, 60, 40], | |
87 "reason": "border box change" | |
88 }, | |
89 { | |
90 "object": "LayoutBlockFlow (positioned) DIV class='test image perc
ent-height'", | |
91 "rect": [0, 0, 60, 44], | 76 "rect": [0, 0, 60, 44], |
92 "reason": "border box change" | 77 "reason": "border box change" |
93 } | 78 } |
94 ] | 79 ] |
95 }, | 80 }, |
96 { | 81 { |
97 "position": [258, 8], | 82 "position": [258, 8], |
98 "bounds": [60, 44], | 83 "bounds": [60, 44], |
99 "drawsContent": true, | 84 "drawsContent": true, |
100 "backfaceVisibility": "hidden", | 85 "backfaceVisibility": "hidden", |
101 "paintInvalidations": [ | 86 "paintInvalidations": [ |
102 { | 87 { |
103 "object": "LayoutBlockFlow (positioned) DIV class='test image top'
", | 88 "object": "LayoutBlockFlow (positioned) DIV class='test image top'
", |
104 "rect": [0, 40, 60, 4], | 89 "rect": [0, 40, 60, 4], |
105 "reason": "incremental" | 90 "reason": "incremental" |
106 } | 91 } |
107 ] | 92 ] |
108 }, | 93 }, |
109 { | 94 { |
110 "position": [308, 8], | 95 "position": [308, 8], |
111 "bounds": [60, 44], | 96 "bounds": [60, 44], |
112 "drawsContent": true, | 97 "drawsContent": true, |
113 "backfaceVisibility": "hidden", | 98 "backfaceVisibility": "hidden", |
114 "paintInvalidations": [ | 99 "paintInvalidations": [ |
115 { | 100 { |
116 "object": "LayoutBlockFlow (positioned) DIV class='test image bott
om'", | 101 "object": "LayoutBlockFlow (positioned) DIV class='test image bott
om'", |
117 "rect": [0, 0, 60, 40], | |
118 "reason": "border box change" | |
119 }, | |
120 { | |
121 "object": "LayoutBlockFlow (positioned) DIV class='test image bott
om'", | |
122 "rect": [0, 0, 60, 44], | 102 "rect": [0, 0, 60, 44], |
123 "reason": "border box change" | 103 "reason": "border box change" |
124 } | 104 } |
125 ] | 105 ] |
126 }, | 106 }, |
127 { | 107 { |
128 "position": [358, 8], | 108 "position": [358, 8], |
129 "bounds": [60, 44], | 109 "bounds": [60, 44], |
130 "drawsContent": true, | 110 "drawsContent": true, |
131 "backfaceVisibility": "hidden", | 111 "backfaceVisibility": "hidden", |
132 "paintInvalidations": [ | 112 "paintInvalidations": [ |
133 { | 113 { |
134 "object": "LayoutBlockFlow (positioned) DIV class='test image cent
er'", | 114 "object": "LayoutBlockFlow (positioned) DIV class='test image cent
er'", |
135 "rect": [0, 0, 60, 40], | |
136 "reason": "border box change" | |
137 }, | |
138 { | |
139 "object": "LayoutBlockFlow (positioned) DIV class='test image cent
er'", | |
140 "rect": [0, 0, 60, 44], | 115 "rect": [0, 0, 60, 44], |
141 "reason": "border box change" | 116 "reason": "border box change" |
142 } | 117 } |
143 ] | 118 ] |
144 }, | 119 }, |
145 { | 120 { |
146 "position": [408, 8], | 121 "position": [408, 8], |
147 "bounds": [60, 44], | 122 "bounds": [60, 44], |
148 "drawsContent": true, | 123 "drawsContent": true, |
149 "backfaceVisibility": "hidden", | 124 "backfaceVisibility": "hidden", |
150 "paintInvalidations": [ | 125 "paintInvalidations": [ |
151 { | 126 { |
152 "object": "LayoutBlockFlow (positioned) DIV class='test image no-r
epeat'", | 127 "object": "LayoutBlockFlow (positioned) DIV class='test image no-r
epeat'", |
153 "rect": [0, 40, 60, 4], | 128 "rect": [0, 40, 60, 4], |
154 "reason": "incremental" | 129 "reason": "incremental" |
155 } | 130 } |
156 ] | 131 ] |
157 }, | 132 }, |
158 { | 133 { |
159 "position": [458, 8], | 134 "position": [458, 8], |
160 "bounds": [60, 44], | 135 "bounds": [60, 44], |
161 "drawsContent": true, | 136 "drawsContent": true, |
162 "backfaceVisibility": "hidden", | 137 "backfaceVisibility": "hidden", |
163 "paintInvalidations": [ | 138 "paintInvalidations": [ |
164 { | 139 { |
165 "object": "LayoutBlockFlow (positioned) DIV class='test image repe
at-space'", | 140 "object": "LayoutBlockFlow (positioned) DIV class='test image repe
at-space'", |
166 "rect": [0, 0, 60, 40], | |
167 "reason": "border box change" | |
168 }, | |
169 { | |
170 "object": "LayoutBlockFlow (positioned) DIV class='test image repe
at-space'", | |
171 "rect": [0, 0, 60, 44], | 141 "rect": [0, 0, 60, 44], |
172 "reason": "border box change" | 142 "reason": "border box change" |
173 } | 143 } |
174 ] | 144 ] |
175 }, | 145 }, |
176 { | 146 { |
177 "position": [508, 8], | 147 "position": [508, 8], |
178 "bounds": [60, 44], | 148 "bounds": [60, 44], |
179 "drawsContent": true, | 149 "drawsContent": true, |
180 "backfaceVisibility": "hidden", | 150 "backfaceVisibility": "hidden", |
181 "paintInvalidations": [ | 151 "paintInvalidations": [ |
182 { | 152 { |
183 "object": "LayoutBlockFlow (positioned) DIV class='test image repe
at-round'", | 153 "object": "LayoutBlockFlow (positioned) DIV class='test image repe
at-round'", |
184 "rect": [0, 0, 60, 40], | |
185 "reason": "border box change" | |
186 }, | |
187 { | |
188 "object": "LayoutBlockFlow (positioned) DIV class='test image repe
at-round'", | |
189 "rect": [0, 0, 60, 44], | 154 "rect": [0, 0, 60, 44], |
190 "reason": "border box change" | 155 "reason": "border box change" |
191 } | 156 } |
192 ] | 157 ] |
193 }, | 158 }, |
194 { | 159 { |
195 "position": [8, 108], | 160 "position": [8, 108], |
196 "bounds": [60, 44], | 161 "bounds": [60, 44], |
197 "drawsContent": true, | 162 "drawsContent": true, |
198 "backfaceVisibility": "hidden", | 163 "backfaceVisibility": "hidden", |
199 "paintInvalidations": [ | 164 "paintInvalidations": [ |
200 { | 165 { |
201 "object": "LayoutBlockFlow (positioned) DIV class='test generated'
", | 166 "object": "LayoutBlockFlow (positioned) DIV class='test generated'
", |
202 "rect": [0, 0, 60, 40], | |
203 "reason": "border box change" | |
204 }, | |
205 { | |
206 "object": "LayoutBlockFlow (positioned) DIV class='test generated'
", | |
207 "rect": [0, 0, 60, 44], | 167 "rect": [0, 0, 60, 44], |
208 "reason": "border box change" | 168 "reason": "border box change" |
209 } | 169 } |
210 ] | 170 ] |
211 }, | 171 }, |
212 { | 172 { |
213 "position": [8, 108], | 173 "position": [8, 108], |
214 "bounds": [60, 44], | 174 "bounds": [60, 44], |
215 "drawsContent": true, | 175 "drawsContent": true, |
216 "backfaceVisibility": "hidden", | 176 "backfaceVisibility": "hidden", |
217 "paintInvalidations": [ | 177 "paintInvalidations": [ |
218 { | 178 { |
219 "object": "LayoutBlockFlow (positioned) DIV class='test generated
cover'", | 179 "object": "LayoutBlockFlow (positioned) DIV class='test generated
cover'", |
220 "rect": [0, 0, 60, 40], | |
221 "reason": "border box change" | |
222 }, | |
223 { | |
224 "object": "LayoutBlockFlow (positioned) DIV class='test generated
cover'", | |
225 "rect": [0, 0, 60, 44], | 180 "rect": [0, 0, 60, 44], |
226 "reason": "border box change" | 181 "reason": "border box change" |
227 } | 182 } |
228 ] | 183 ] |
229 }, | 184 }, |
230 { | 185 { |
231 "position": [8, 108], | 186 "position": [8, 108], |
232 "bounds": [60, 44], | 187 "bounds": [60, 44], |
233 "drawsContent": true, | 188 "drawsContent": true, |
234 "backfaceVisibility": "hidden", | 189 "backfaceVisibility": "hidden", |
235 "paintInvalidations": [ | 190 "paintInvalidations": [ |
236 { | 191 { |
237 "object": "LayoutBlockFlow (positioned) DIV class='test generated
contain'", | 192 "object": "LayoutBlockFlow (positioned) DIV class='test generated
contain'", |
238 "rect": [0, 0, 60, 40], | |
239 "reason": "border box change" | |
240 }, | |
241 { | |
242 "object": "LayoutBlockFlow (positioned) DIV class='test generated
contain'", | |
243 "rect": [0, 0, 60, 44], | 193 "rect": [0, 0, 60, 44], |
244 "reason": "border box change" | 194 "reason": "border box change" |
245 } | 195 } |
246 ] | 196 ] |
247 }, | 197 }, |
248 { | 198 { |
249 "position": [158, 108], | 199 "position": [158, 108], |
250 "bounds": [60, 44], | 200 "bounds": [60, 44], |
251 "drawsContent": true, | 201 "drawsContent": true, |
252 "backfaceVisibility": "hidden", | 202 "backfaceVisibility": "hidden", |
253 "paintInvalidations": [ | 203 "paintInvalidations": [ |
254 { | 204 { |
255 "object": "LayoutBlockFlow (positioned) DIV class='test generated
fixed-height'", | 205 "object": "LayoutBlockFlow (positioned) DIV class='test generated
fixed-height'", |
256 "rect": [0, 40, 60, 4], | 206 "rect": [0, 40, 60, 4], |
257 "reason": "incremental" | 207 "reason": "incremental" |
258 } | 208 } |
259 ] | 209 ] |
260 }, | 210 }, |
261 { | 211 { |
262 "position": [208, 108], | 212 "position": [208, 108], |
263 "bounds": [60, 44], | 213 "bounds": [60, 44], |
264 "drawsContent": true, | 214 "drawsContent": true, |
265 "backfaceVisibility": "hidden", | 215 "backfaceVisibility": "hidden", |
266 "paintInvalidations": [ | 216 "paintInvalidations": [ |
267 { | 217 { |
268 "object": "LayoutBlockFlow (positioned) DIV class='test generated
percent-height'", | 218 "object": "LayoutBlockFlow (positioned) DIV class='test generated
percent-height'", |
269 "rect": [0, 0, 60, 40], | |
270 "reason": "border box change" | |
271 }, | |
272 { | |
273 "object": "LayoutBlockFlow (positioned) DIV class='test generated
percent-height'", | |
274 "rect": [0, 0, 60, 44], | 219 "rect": [0, 0, 60, 44], |
275 "reason": "border box change" | 220 "reason": "border box change" |
276 } | 221 } |
277 ] | 222 ] |
278 }, | 223 }, |
279 { | 224 { |
280 "position": [258, 108], | 225 "position": [258, 108], |
281 "bounds": [60, 44], | 226 "bounds": [60, 44], |
282 "drawsContent": true, | 227 "drawsContent": true, |
283 "backfaceVisibility": "hidden", | 228 "backfaceVisibility": "hidden", |
284 "paintInvalidations": [ | 229 "paintInvalidations": [ |
285 { | 230 { |
286 "object": "LayoutBlockFlow (positioned) DIV class='test generated
top'", | 231 "object": "LayoutBlockFlow (positioned) DIV class='test generated
top'", |
287 "rect": [0, 0, 60, 40], | |
288 "reason": "border box change" | |
289 }, | |
290 { | |
291 "object": "LayoutBlockFlow (positioned) DIV class='test generated
top'", | |
292 "rect": [0, 0, 60, 44], | 232 "rect": [0, 0, 60, 44], |
293 "reason": "border box change" | 233 "reason": "border box change" |
294 } | 234 } |
295 ] | 235 ] |
296 }, | 236 }, |
297 { | 237 { |
298 "position": [308, 108], | 238 "position": [308, 108], |
299 "bounds": [60, 44], | 239 "bounds": [60, 44], |
300 "drawsContent": true, | 240 "drawsContent": true, |
301 "backfaceVisibility": "hidden", | 241 "backfaceVisibility": "hidden", |
302 "paintInvalidations": [ | 242 "paintInvalidations": [ |
303 { | 243 { |
304 "object": "LayoutBlockFlow (positioned) DIV class='test generated
bottom'", | 244 "object": "LayoutBlockFlow (positioned) DIV class='test generated
bottom'", |
305 "rect": [0, 0, 60, 40], | |
306 "reason": "border box change" | |
307 }, | |
308 { | |
309 "object": "LayoutBlockFlow (positioned) DIV class='test generated
bottom'", | |
310 "rect": [0, 0, 60, 44], | 245 "rect": [0, 0, 60, 44], |
311 "reason": "border box change" | 246 "reason": "border box change" |
312 } | 247 } |
313 ] | 248 ] |
314 }, | 249 }, |
315 { | 250 { |
316 "position": [358, 108], | 251 "position": [358, 108], |
317 "bounds": [60, 44], | 252 "bounds": [60, 44], |
318 "drawsContent": true, | 253 "drawsContent": true, |
319 "backfaceVisibility": "hidden", | 254 "backfaceVisibility": "hidden", |
320 "paintInvalidations": [ | 255 "paintInvalidations": [ |
321 { | 256 { |
322 "object": "LayoutBlockFlow (positioned) DIV class='test generated
center'", | 257 "object": "LayoutBlockFlow (positioned) DIV class='test generated
center'", |
323 "rect": [0, 0, 60, 40], | |
324 "reason": "border box change" | |
325 }, | |
326 { | |
327 "object": "LayoutBlockFlow (positioned) DIV class='test generated
center'", | |
328 "rect": [0, 0, 60, 44], | 258 "rect": [0, 0, 60, 44], |
329 "reason": "border box change" | 259 "reason": "border box change" |
330 } | 260 } |
331 ] | 261 ] |
332 }, | 262 }, |
333 { | 263 { |
334 "position": [408, 108], | 264 "position": [408, 108], |
335 "bounds": [60, 44], | 265 "bounds": [60, 44], |
336 "drawsContent": true, | 266 "drawsContent": true, |
337 "backfaceVisibility": "hidden", | 267 "backfaceVisibility": "hidden", |
338 "paintInvalidations": [ | 268 "paintInvalidations": [ |
339 { | 269 { |
340 "object": "LayoutBlockFlow (positioned) DIV class='test generated
no-repeat'", | 270 "object": "LayoutBlockFlow (positioned) DIV class='test generated
no-repeat'", |
341 "rect": [0, 0, 60, 40], | |
342 "reason": "border box change" | |
343 }, | |
344 { | |
345 "object": "LayoutBlockFlow (positioned) DIV class='test generated
no-repeat'", | |
346 "rect": [0, 0, 60, 44], | 271 "rect": [0, 0, 60, 44], |
347 "reason": "border box change" | 272 "reason": "border box change" |
348 } | 273 } |
349 ] | 274 ] |
350 }, | 275 }, |
351 { | 276 { |
352 "position": [458, 108], | 277 "position": [458, 108], |
353 "bounds": [60, 44], | 278 "bounds": [60, 44], |
354 "drawsContent": true, | 279 "drawsContent": true, |
355 "backfaceVisibility": "hidden", | 280 "backfaceVisibility": "hidden", |
356 "paintInvalidations": [ | 281 "paintInvalidations": [ |
357 { | 282 { |
358 "object": "LayoutBlockFlow (positioned) DIV class='test generated
repeat-space'", | 283 "object": "LayoutBlockFlow (positioned) DIV class='test generated
repeat-space'", |
359 "rect": [0, 0, 60, 40], | |
360 "reason": "border box change" | |
361 }, | |
362 { | |
363 "object": "LayoutBlockFlow (positioned) DIV class='test generated
repeat-space'", | |
364 "rect": [0, 0, 60, 44], | 284 "rect": [0, 0, 60, 44], |
365 "reason": "border box change" | 285 "reason": "border box change" |
366 } | 286 } |
367 ] | 287 ] |
368 }, | 288 }, |
369 { | 289 { |
370 "position": [508, 108], | 290 "position": [508, 108], |
371 "bounds": [60, 44], | 291 "bounds": [60, 44], |
372 "drawsContent": true, | 292 "drawsContent": true, |
373 "backfaceVisibility": "hidden", | 293 "backfaceVisibility": "hidden", |
374 "paintInvalidations": [ | 294 "paintInvalidations": [ |
375 { | 295 { |
376 "object": "LayoutBlockFlow (positioned) DIV class='test generated
repeat-round'", | 296 "object": "LayoutBlockFlow (positioned) DIV class='test generated
repeat-round'", |
377 "rect": [0, 0, 60, 40], | |
378 "reason": "border box change" | |
379 }, | |
380 { | |
381 "object": "LayoutBlockFlow (positioned) DIV class='test generated
repeat-round'", | |
382 "rect": [0, 0, 60, 44], | 297 "rect": [0, 0, 60, 44], |
383 "reason": "border box change" | 298 "reason": "border box change" |
384 } | 299 } |
385 ] | 300 ] |
386 } | 301 } |
387 ] | 302 ] |
388 } | 303 } |
389 ] | 304 ] |
390 } | 305 } |
391 | 306 |
OLD | NEW |