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