| OLD | NEW |
| 1 { | 1 { |
| 2 "layers": [ | 2 "layers": [ |
| 3 { | 3 { |
| 4 "name": "LayoutView #document", | 4 "name": "LayoutView #document", |
| 5 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true | 7 "drawsContent": true |
| 8 }, | 8 }, |
| 9 { | 9 { |
| 10 "name": "LayoutBlockFlow (positioned) DIV class='test image'", | 10 "name": "LayoutBlockFlow (positioned) DIV class='test image'", |
| 11 "position": [8, 8], | 11 "position": [8, 8], |
| 12 "bounds": [60, 44], | 12 "bounds": [60, 44], |
| 13 "contentsOpaque": true, |
| 13 "drawsContent": true, | 14 "drawsContent": true, |
| 14 "backfaceVisibility": "hidden", | 15 "backfaceVisibility": "hidden", |
| 15 "paintInvalidations": [ | 16 "paintInvalidations": [ |
| 16 { | 17 { |
| 17 "object": "LayoutBlockFlow (positioned) DIV class='test image'", | 18 "object": "LayoutBlockFlow (positioned) DIV class='test image'", |
| 18 "rect": [0, 40, 60, 4], | 19 "rect": [0, 40, 60, 4], |
| 19 "reason": "incremental" | 20 "reason": "incremental" |
| 20 } | 21 } |
| 21 ] | 22 ] |
| 22 }, | 23 }, |
| 23 { | 24 { |
| 24 "name": "LayoutBlockFlow (positioned) DIV class='test image size-cover'", | 25 "name": "LayoutBlockFlow (positioned) DIV class='test image size-cover'", |
| 25 "position": [58, 8], | 26 "position": [58, 8], |
| 26 "bounds": [60, 44], | 27 "bounds": [60, 44], |
| 28 "contentsOpaque": true, |
| 27 "drawsContent": true, | 29 "drawsContent": true, |
| 28 "backfaceVisibility": "hidden", | 30 "backfaceVisibility": "hidden", |
| 29 "paintInvalidations": [ | 31 "paintInvalidations": [ |
| 30 { | 32 { |
| 31 "object": "LayoutBlockFlow (positioned) DIV class='test image size-cov
er'", | 33 "object": "LayoutBlockFlow (positioned) DIV class='test image size-cov
er'", |
| 32 "rect": [0, 0, 60, 44], | 34 "rect": [0, 0, 60, 44], |
| 33 "reason": "border box change" | 35 "reason": "border box change" |
| 34 } | 36 } |
| 35 ] | 37 ] |
| 36 }, | 38 }, |
| 37 { | 39 { |
| 38 "name": "LayoutBlockFlow (positioned) DIV class='test image size-contain'"
, | 40 "name": "LayoutBlockFlow (positioned) DIV class='test image size-contain'"
, |
| 39 "position": [108, 8], | 41 "position": [108, 8], |
| 40 "bounds": [60, 44], | 42 "bounds": [60, 44], |
| 43 "contentsOpaque": true, |
| 41 "drawsContent": true, | 44 "drawsContent": true, |
| 42 "backfaceVisibility": "hidden", | 45 "backfaceVisibility": "hidden", |
| 43 "paintInvalidations": [ | 46 "paintInvalidations": [ |
| 44 { | 47 { |
| 45 "object": "LayoutBlockFlow (positioned) DIV class='test image size-con
tain'", | 48 "object": "LayoutBlockFlow (positioned) DIV class='test image size-con
tain'", |
| 46 "rect": [0, 0, 60, 44], | 49 "rect": [0, 0, 60, 44], |
| 47 "reason": "border box change" | 50 "reason": "border box change" |
| 48 } | 51 } |
| 49 ] | 52 ] |
| 50 }, | 53 }, |
| 51 { | 54 { |
| 52 "name": "LayoutBlockFlow (positioned) DIV class='test image fixed-height'"
, | 55 "name": "LayoutBlockFlow (positioned) DIV class='test image fixed-height'"
, |
| 53 "position": [158, 8], | 56 "position": [158, 8], |
| 54 "bounds": [60, 44], | 57 "bounds": [60, 44], |
| 58 "contentsOpaque": true, |
| 55 "drawsContent": true, | 59 "drawsContent": true, |
| 56 "backfaceVisibility": "hidden", | 60 "backfaceVisibility": "hidden", |
| 57 "paintInvalidations": [ | 61 "paintInvalidations": [ |
| 58 { | 62 { |
| 59 "object": "LayoutBlockFlow (positioned) DIV class='test image fixed-he
ight'", | 63 "object": "LayoutBlockFlow (positioned) DIV class='test image fixed-he
ight'", |
| 60 "rect": [0, 40, 60, 4], | 64 "rect": [0, 40, 60, 4], |
| 61 "reason": "incremental" | 65 "reason": "incremental" |
| 62 } | 66 } |
| 63 ] | 67 ] |
| 64 }, | 68 }, |
| 65 { | 69 { |
| 66 "name": "LayoutBlockFlow (positioned) DIV class='test image percent-height
'", | 70 "name": "LayoutBlockFlow (positioned) DIV class='test image percent-height
'", |
| 67 "position": [208, 8], | 71 "position": [208, 8], |
| 68 "bounds": [60, 44], | 72 "bounds": [60, 44], |
| 73 "contentsOpaque": true, |
| 69 "drawsContent": true, | 74 "drawsContent": true, |
| 70 "backfaceVisibility": "hidden", | 75 "backfaceVisibility": "hidden", |
| 71 "paintInvalidations": [ | 76 "paintInvalidations": [ |
| 72 { | 77 { |
| 73 "object": "LayoutBlockFlow (positioned) DIV class='test image percent-
height'", | 78 "object": "LayoutBlockFlow (positioned) DIV class='test image percent-
height'", |
| 74 "rect": [0, 0, 60, 44], | 79 "rect": [0, 0, 60, 44], |
| 75 "reason": "border box change" | 80 "reason": "border box change" |
| 76 } | 81 } |
| 77 ] | 82 ] |
| 78 }, | 83 }, |
| 79 { | 84 { |
| 80 "name": "LayoutBlockFlow (positioned) DIV class='test image top'", | 85 "name": "LayoutBlockFlow (positioned) DIV class='test image top'", |
| 81 "position": [258, 8], | 86 "position": [258, 8], |
| 82 "bounds": [60, 44], | 87 "bounds": [60, 44], |
| 88 "contentsOpaque": true, |
| 83 "drawsContent": true, | 89 "drawsContent": true, |
| 84 "backfaceVisibility": "hidden", | 90 "backfaceVisibility": "hidden", |
| 85 "paintInvalidations": [ | 91 "paintInvalidations": [ |
| 86 { | 92 { |
| 87 "object": "LayoutBlockFlow (positioned) DIV class='test image top'", | 93 "object": "LayoutBlockFlow (positioned) DIV class='test image top'", |
| 88 "rect": [0, 40, 60, 4], | 94 "rect": [0, 40, 60, 4], |
| 89 "reason": "incremental" | 95 "reason": "incremental" |
| 90 } | 96 } |
| 91 ] | 97 ] |
| 92 }, | 98 }, |
| 93 { | 99 { |
| 94 "name": "LayoutBlockFlow (positioned) DIV class='test image bottom'", | 100 "name": "LayoutBlockFlow (positioned) DIV class='test image bottom'", |
| 95 "position": [308, 8], | 101 "position": [308, 8], |
| 96 "bounds": [60, 44], | 102 "bounds": [60, 44], |
| 103 "contentsOpaque": true, |
| 97 "drawsContent": true, | 104 "drawsContent": true, |
| 98 "backfaceVisibility": "hidden", | 105 "backfaceVisibility": "hidden", |
| 99 "paintInvalidations": [ | 106 "paintInvalidations": [ |
| 100 { | 107 { |
| 101 "object": "LayoutBlockFlow (positioned) DIV class='test image bottom'"
, | 108 "object": "LayoutBlockFlow (positioned) DIV class='test image bottom'"
, |
| 102 "rect": [0, 0, 60, 44], | 109 "rect": [0, 0, 60, 44], |
| 103 "reason": "border box change" | 110 "reason": "border box change" |
| 104 } | 111 } |
| 105 ] | 112 ] |
| 106 }, | 113 }, |
| 107 { | 114 { |
| 108 "name": "LayoutBlockFlow (positioned) DIV class='test image center'", | 115 "name": "LayoutBlockFlow (positioned) DIV class='test image center'", |
| 109 "position": [358, 8], | 116 "position": [358, 8], |
| 110 "bounds": [60, 44], | 117 "bounds": [60, 44], |
| 118 "contentsOpaque": true, |
| 111 "drawsContent": true, | 119 "drawsContent": true, |
| 112 "backfaceVisibility": "hidden", | 120 "backfaceVisibility": "hidden", |
| 113 "paintInvalidations": [ | 121 "paintInvalidations": [ |
| 114 { | 122 { |
| 115 "object": "LayoutBlockFlow (positioned) DIV class='test image center'"
, | 123 "object": "LayoutBlockFlow (positioned) DIV class='test image center'"
, |
| 116 "rect": [0, 0, 60, 44], | 124 "rect": [0, 0, 60, 44], |
| 117 "reason": "border box change" | 125 "reason": "border box change" |
| 118 } | 126 } |
| 119 ] | 127 ] |
| 120 }, | 128 }, |
| (...skipping 22 matching lines...) Expand all Loading... |
| 143 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-s
pace'", | 151 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-s
pace'", |
| 144 "rect": [0, 0, 60, 44], | 152 "rect": [0, 0, 60, 44], |
| 145 "reason": "border box change" | 153 "reason": "border box change" |
| 146 } | 154 } |
| 147 ] | 155 ] |
| 148 }, | 156 }, |
| 149 { | 157 { |
| 150 "name": "LayoutBlockFlow (positioned) DIV class='test image repeat-round'"
, | 158 "name": "LayoutBlockFlow (positioned) DIV class='test image repeat-round'"
, |
| 151 "position": [508, 8], | 159 "position": [508, 8], |
| 152 "bounds": [60, 44], | 160 "bounds": [60, 44], |
| 161 "contentsOpaque": true, |
| 153 "drawsContent": true, | 162 "drawsContent": true, |
| 154 "backfaceVisibility": "hidden", | 163 "backfaceVisibility": "hidden", |
| 155 "paintInvalidations": [ | 164 "paintInvalidations": [ |
| 156 { | 165 { |
| 157 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-r
ound'", | 166 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-r
ound'", |
| 158 "rect": [0, 0, 60, 44], | 167 "rect": [0, 0, 60, 44], |
| 159 "reason": "border box change" | 168 "reason": "border box change" |
| 160 } | 169 } |
| 161 ] | 170 ] |
| 162 }, | 171 }, |
| 163 { | 172 { |
| 164 "name": "LayoutBlockFlow (positioned) DIV class='test generated'", | 173 "name": "LayoutBlockFlow (positioned) DIV class='test generated'", |
| 165 "position": [8, 108], | 174 "position": [8, 108], |
| 166 "bounds": [60, 44], | 175 "bounds": [60, 44], |
| 167 "contentsOpaque": true, | 176 "contentsOpaque": true, |
| 168 "drawsContent": true, | 177 "drawsContent": true, |
| 169 "backfaceVisibility": "hidden", | 178 "backfaceVisibility": "hidden", |
| 170 "paintInvalidations": [ | 179 "paintInvalidations": [ |
| 171 { | 180 { |
| 172 "object": "LayoutBlockFlow (positioned) DIV class='test generated'", | 181 "object": "LayoutBlockFlow (positioned) DIV class='test generated'", |
| 173 "rect": [0, 0, 60, 44], | 182 "rect": [0, 0, 60, 44], |
| 174 "reason": "border box change" | 183 "reason": "border box change" |
| 175 } | 184 } |
| 176 ] | 185 ] |
| 177 }, | 186 }, |
| 178 { | 187 { |
| 179 "name": "LayoutBlockFlow (positioned) DIV class='test generated cover'", | 188 "name": "LayoutBlockFlow (positioned) DIV class='test generated size-cover
'", |
| 180 "position": [8, 108], | 189 "position": [58, 108], |
| 181 "bounds": [60, 44], | 190 "bounds": [60, 44], |
| 182 "contentsOpaque": true, | 191 "contentsOpaque": true, |
| 183 "drawsContent": true, | 192 "drawsContent": true, |
| 184 "backfaceVisibility": "hidden", | 193 "backfaceVisibility": "hidden", |
| 185 "paintInvalidations": [ | 194 "paintInvalidations": [ |
| 186 { | 195 { |
| 187 "object": "LayoutBlockFlow (positioned) DIV class='test generated cove
r'", | 196 "object": "LayoutBlockFlow (positioned) DIV class='test generated size
-cover'", |
| 188 "rect": [0, 0, 60, 44], | 197 "rect": [0, 0, 60, 44], |
| 189 "reason": "border box change" | 198 "reason": "border box change" |
| 190 } | 199 } |
| 191 ] | 200 ] |
| 192 }, | 201 }, |
| 193 { | 202 { |
| 194 "name": "LayoutBlockFlow (positioned) DIV class='test generated contain'", | 203 "name": "LayoutBlockFlow (positioned) DIV class='test generated size-conta
in'", |
| 195 "position": [8, 108], | 204 "position": [108, 108], |
| 196 "bounds": [60, 44], | 205 "bounds": [60, 44], |
| 197 "contentsOpaque": true, | 206 "contentsOpaque": true, |
| 198 "drawsContent": true, | 207 "drawsContent": true, |
| 199 "backfaceVisibility": "hidden", | 208 "backfaceVisibility": "hidden", |
| 200 "paintInvalidations": [ | 209 "paintInvalidations": [ |
| 201 { | 210 { |
| 202 "object": "LayoutBlockFlow (positioned) DIV class='test generated cont
ain'", | 211 "object": "LayoutBlockFlow (positioned) DIV class='test generated size
-contain'", |
| 203 "rect": [0, 0, 60, 44], | 212 "rect": [0, 0, 60, 44], |
| 204 "reason": "border box change" | 213 "reason": "border box change" |
| 205 } | 214 } |
| 206 ] | 215 ] |
| 207 }, | 216 }, |
| 208 { | 217 { |
| 209 "name": "LayoutBlockFlow (positioned) DIV class='test generated fixed-heig
ht'", | |
| 210 "position": [158, 108], | |
| 211 "bounds": [60, 44], | |
| 212 "contentsOpaque": true, | |
| 213 "drawsContent": true, | |
| 214 "backfaceVisibility": "hidden", | |
| 215 "paintInvalidations": [ | |
| 216 { | |
| 217 "object": "LayoutBlockFlow (positioned) DIV class='test generated fixe
d-height'", | |
| 218 "rect": [0, 40, 60, 4], | |
| 219 "reason": "incremental" | |
| 220 } | |
| 221 ] | |
| 222 }, | |
| 223 { | |
| 224 "name": "LayoutBlockFlow (positioned) DIV class='test generated percent-he
ight'", | 218 "name": "LayoutBlockFlow (positioned) DIV class='test generated percent-he
ight'", |
| 225 "position": [208, 108], | 219 "position": [208, 108], |
| 226 "bounds": [60, 44], | 220 "bounds": [60, 44], |
| 227 "contentsOpaque": true, | 221 "contentsOpaque": true, |
| 228 "drawsContent": true, | 222 "drawsContent": true, |
| 229 "backfaceVisibility": "hidden", | 223 "backfaceVisibility": "hidden", |
| 230 "paintInvalidations": [ | 224 "paintInvalidations": [ |
| 231 { | 225 { |
| 232 "object": "LayoutBlockFlow (positioned) DIV class='test generated perc
ent-height'", | 226 "object": "LayoutBlockFlow (positioned) DIV class='test generated perc
ent-height'", |
| 233 "rect": [0, 0, 60, 44], | 227 "rect": [0, 0, 60, 44], |
| (...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 367 }, | 361 }, |
| 368 { | 362 { |
| 369 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-round
'", | 363 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-round
'", |
| 370 "reason": "border box change" | 364 "reason": "border box change" |
| 371 }, | 365 }, |
| 372 { | 366 { |
| 373 "object": "LayoutBlockFlow (positioned) DIV class='test generated'", | 367 "object": "LayoutBlockFlow (positioned) DIV class='test generated'", |
| 374 "reason": "border box change" | 368 "reason": "border box change" |
| 375 }, | 369 }, |
| 376 { | 370 { |
| 377 "object": "LayoutBlockFlow (positioned) DIV class='test generated cover'", | 371 "object": "LayoutBlockFlow (positioned) DIV class='test generated size-cov
er'", |
| 378 "reason": "border box change" | 372 "reason": "border box change" |
| 379 }, | 373 }, |
| 380 { | 374 { |
| 381 "object": "LayoutBlockFlow (positioned) DIV class='test generated contain'
", | 375 "object": "LayoutBlockFlow (positioned) DIV class='test generated size-con
tain'", |
| 382 "reason": "border box change" | 376 "reason": "border box change" |
| 383 }, | 377 }, |
| 384 { | 378 { |
| 385 "object": "LayoutBlockFlow (positioned) DIV class='test generated fixed-he
ight'", | |
| 386 "reason": "incremental" | |
| 387 }, | |
| 388 { | |
| 389 "object": "LayoutBlockFlow (positioned) DIV class='test generated percent-
height'", | 379 "object": "LayoutBlockFlow (positioned) DIV class='test generated percent-
height'", |
| 390 "reason": "border box change" | 380 "reason": "border box change" |
| 391 }, | 381 }, |
| 392 { | 382 { |
| 393 "object": "LayoutBlockFlow (positioned) DIV class='test generated top'", | 383 "object": "LayoutBlockFlow (positioned) DIV class='test generated top'", |
| 394 "reason": "border box change" | 384 "reason": "border box change" |
| 395 }, | 385 }, |
| 396 { | 386 { |
| 397 "object": "LayoutBlockFlow (positioned) DIV class='test generated bottom'"
, | 387 "object": "LayoutBlockFlow (positioned) DIV class='test generated bottom'"
, |
| 398 "reason": "border box change" | 388 "reason": "border box change" |
| (...skipping 10 matching lines...) Expand all Loading... |
| 409 "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-s
pace'", | 399 "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-s
pace'", |
| 410 "reason": "border box change" | 400 "reason": "border box change" |
| 411 }, | 401 }, |
| 412 { | 402 { |
| 413 "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-r
ound'", | 403 "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-r
ound'", |
| 414 "reason": "border box change" | 404 "reason": "border box change" |
| 415 } | 405 } |
| 416 ] | 406 ] |
| 417 } | 407 } |
| 418 | 408 |
| OLD | NEW |