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