| 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, | |
| 14 "drawsContent": true, | 13 "drawsContent": true, |
| 15 "backfaceVisibility": "hidden", | 14 "backfaceVisibility": "hidden", |
| 16 "paintInvalidations": [ | 15 "paintInvalidations": [ |
| 17 { | 16 { |
| 18 "object": "LayoutBlockFlow (positioned) DIV class='test image'", | 17 "object": "LayoutBlockFlow (positioned) DIV class='test image'", |
| 19 "rect": [0, 40, 60, 4], | 18 "rect": [0, 40, 60, 4], |
| 20 "reason": "incremental" | 19 "reason": "incremental" |
| 21 } | 20 } |
| 22 ] | 21 ] |
| 23 }, | 22 }, |
| 24 { | 23 { |
| 25 "name": "LayoutBlockFlow (positioned) DIV class='test image size-cover'", | 24 "name": "LayoutBlockFlow (positioned) DIV class='test image size-cover'", |
| 26 "position": [58, 8], | 25 "position": [58, 8], |
| 27 "bounds": [60, 44], | 26 "bounds": [60, 44], |
| 28 "contentsOpaque": true, | |
| 29 "drawsContent": true, | 27 "drawsContent": true, |
| 30 "backfaceVisibility": "hidden", | 28 "backfaceVisibility": "hidden", |
| 31 "paintInvalidations": [ | 29 "paintInvalidations": [ |
| 32 { | 30 { |
| 33 "object": "LayoutBlockFlow (positioned) DIV class='test image size-cov
er'", | 31 "object": "LayoutBlockFlow (positioned) DIV class='test image size-cov
er'", |
| 34 "rect": [0, 0, 60, 44], | 32 "rect": [0, 0, 60, 44], |
| 35 "reason": "border box change" | 33 "reason": "border box change" |
| 36 } | 34 } |
| 37 ] | 35 ] |
| 38 }, | 36 }, |
| 39 { | 37 { |
| 40 "name": "LayoutBlockFlow (positioned) DIV class='test image size-contain'"
, | 38 "name": "LayoutBlockFlow (positioned) DIV class='test image size-contain'"
, |
| 41 "position": [108, 8], | 39 "position": [108, 8], |
| 42 "bounds": [60, 44], | 40 "bounds": [60, 44], |
| 43 "contentsOpaque": true, | |
| 44 "drawsContent": true, | 41 "drawsContent": true, |
| 45 "backfaceVisibility": "hidden", | 42 "backfaceVisibility": "hidden", |
| 46 "paintInvalidations": [ | 43 "paintInvalidations": [ |
| 47 { | 44 { |
| 48 "object": "LayoutBlockFlow (positioned) DIV class='test image size-con
tain'", | 45 "object": "LayoutBlockFlow (positioned) DIV class='test image size-con
tain'", |
| 49 "rect": [0, 0, 60, 44], | 46 "rect": [0, 0, 60, 44], |
| 50 "reason": "border box change" | 47 "reason": "border box change" |
| 51 } | 48 } |
| 52 ] | 49 ] |
| 53 }, | 50 }, |
| 54 { | 51 { |
| 55 "name": "LayoutBlockFlow (positioned) DIV class='test image fixed-height'"
, | 52 "name": "LayoutBlockFlow (positioned) DIV class='test image fixed-height'"
, |
| 56 "position": [158, 8], | 53 "position": [158, 8], |
| 57 "bounds": [60, 44], | 54 "bounds": [60, 44], |
| 58 "contentsOpaque": true, | |
| 59 "drawsContent": true, | 55 "drawsContent": true, |
| 60 "backfaceVisibility": "hidden", | 56 "backfaceVisibility": "hidden", |
| 61 "paintInvalidations": [ | 57 "paintInvalidations": [ |
| 62 { | 58 { |
| 63 "object": "LayoutBlockFlow (positioned) DIV class='test image fixed-he
ight'", | 59 "object": "LayoutBlockFlow (positioned) DIV class='test image fixed-he
ight'", |
| 64 "rect": [0, 40, 60, 4], | 60 "rect": [0, 40, 60, 4], |
| 65 "reason": "incremental" | 61 "reason": "incremental" |
| 66 } | 62 } |
| 67 ] | 63 ] |
| 68 }, | 64 }, |
| 69 { | 65 { |
| 70 "name": "LayoutBlockFlow (positioned) DIV class='test image percent-height
'", | 66 "name": "LayoutBlockFlow (positioned) DIV class='test image percent-height
'", |
| 71 "position": [208, 8], | 67 "position": [208, 8], |
| 72 "bounds": [60, 44], | 68 "bounds": [60, 44], |
| 73 "contentsOpaque": true, | |
| 74 "drawsContent": true, | 69 "drawsContent": true, |
| 75 "backfaceVisibility": "hidden", | 70 "backfaceVisibility": "hidden", |
| 76 "paintInvalidations": [ | 71 "paintInvalidations": [ |
| 77 { | 72 { |
| 78 "object": "LayoutBlockFlow (positioned) DIV class='test image percent-
height'", | 73 "object": "LayoutBlockFlow (positioned) DIV class='test image percent-
height'", |
| 79 "rect": [0, 0, 60, 44], | 74 "rect": [0, 0, 60, 44], |
| 80 "reason": "border box change" | 75 "reason": "border box change" |
| 81 } | 76 } |
| 82 ] | 77 ] |
| 83 }, | 78 }, |
| 84 { | 79 { |
| 85 "name": "LayoutBlockFlow (positioned) DIV class='test image top'", | 80 "name": "LayoutBlockFlow (positioned) DIV class='test image top'", |
| 86 "position": [258, 8], | 81 "position": [258, 8], |
| 87 "bounds": [60, 44], | 82 "bounds": [60, 44], |
| 88 "contentsOpaque": true, | |
| 89 "drawsContent": true, | 83 "drawsContent": true, |
| 90 "backfaceVisibility": "hidden", | 84 "backfaceVisibility": "hidden", |
| 91 "paintInvalidations": [ | 85 "paintInvalidations": [ |
| 92 { | 86 { |
| 93 "object": "LayoutBlockFlow (positioned) DIV class='test image top'", | 87 "object": "LayoutBlockFlow (positioned) DIV class='test image top'", |
| 94 "rect": [0, 40, 60, 4], | 88 "rect": [0, 40, 60, 4], |
| 95 "reason": "incremental" | 89 "reason": "incremental" |
| 96 } | 90 } |
| 97 ] | 91 ] |
| 98 }, | 92 }, |
| 99 { | 93 { |
| 100 "name": "LayoutBlockFlow (positioned) DIV class='test image bottom'", | 94 "name": "LayoutBlockFlow (positioned) DIV class='test image bottom'", |
| 101 "position": [308, 8], | 95 "position": [308, 8], |
| 102 "bounds": [60, 44], | 96 "bounds": [60, 44], |
| 103 "contentsOpaque": true, | |
| 104 "drawsContent": true, | 97 "drawsContent": true, |
| 105 "backfaceVisibility": "hidden", | 98 "backfaceVisibility": "hidden", |
| 106 "paintInvalidations": [ | 99 "paintInvalidations": [ |
| 107 { | 100 { |
| 108 "object": "LayoutBlockFlow (positioned) DIV class='test image bottom'"
, | 101 "object": "LayoutBlockFlow (positioned) DIV class='test image bottom'"
, |
| 109 "rect": [0, 0, 60, 44], | 102 "rect": [0, 0, 60, 44], |
| 110 "reason": "border box change" | 103 "reason": "border box change" |
| 111 } | 104 } |
| 112 ] | 105 ] |
| 113 }, | 106 }, |
| 114 { | 107 { |
| 115 "name": "LayoutBlockFlow (positioned) DIV class='test image center'", | 108 "name": "LayoutBlockFlow (positioned) DIV class='test image center'", |
| 116 "position": [358, 8], | 109 "position": [358, 8], |
| 117 "bounds": [60, 44], | 110 "bounds": [60, 44], |
| 118 "contentsOpaque": true, | |
| 119 "drawsContent": true, | 111 "drawsContent": true, |
| 120 "backfaceVisibility": "hidden", | 112 "backfaceVisibility": "hidden", |
| 121 "paintInvalidations": [ | 113 "paintInvalidations": [ |
| 122 { | 114 { |
| 123 "object": "LayoutBlockFlow (positioned) DIV class='test image center'"
, | 115 "object": "LayoutBlockFlow (positioned) DIV class='test image center'"
, |
| 124 "rect": [0, 0, 60, 44], | 116 "rect": [0, 0, 60, 44], |
| 125 "reason": "border box change" | 117 "reason": "border box change" |
| 126 } | 118 } |
| 127 ] | 119 ] |
| 128 }, | 120 }, |
| (...skipping 22 matching lines...) Expand all Loading... |
| 151 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-s
pace'", | 143 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-s
pace'", |
| 152 "rect": [0, 0, 60, 44], | 144 "rect": [0, 0, 60, 44], |
| 153 "reason": "border box change" | 145 "reason": "border box change" |
| 154 } | 146 } |
| 155 ] | 147 ] |
| 156 }, | 148 }, |
| 157 { | 149 { |
| 158 "name": "LayoutBlockFlow (positioned) DIV class='test image repeat-round'"
, | 150 "name": "LayoutBlockFlow (positioned) DIV class='test image repeat-round'"
, |
| 159 "position": [508, 8], | 151 "position": [508, 8], |
| 160 "bounds": [60, 44], | 152 "bounds": [60, 44], |
| 161 "contentsOpaque": true, | |
| 162 "drawsContent": true, | 153 "drawsContent": true, |
| 163 "backfaceVisibility": "hidden", | 154 "backfaceVisibility": "hidden", |
| 164 "paintInvalidations": [ | 155 "paintInvalidations": [ |
| 165 { | 156 { |
| 166 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-r
ound'", | 157 "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-r
ound'", |
| 167 "rect": [0, 0, 60, 44], | 158 "rect": [0, 0, 60, 44], |
| 168 "reason": "border box change" | 159 "reason": "border box change" |
| 169 } | 160 } |
| 170 ] | 161 ] |
| 171 }, | 162 }, |
| (...skipping 246 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 418 "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-s
pace'", | 409 "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-s
pace'", |
| 419 "reason": "border box change" | 410 "reason": "border box change" |
| 420 }, | 411 }, |
| 421 { | 412 { |
| 422 "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-r
ound'", | 413 "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-r
ound'", |
| 423 "reason": "border box change" | 414 "reason": "border box change" |
| 424 } | 415 } |
| 425 ] | 416 ] |
| 426 } | 417 } |
| 427 | 418 |
| OLD | NEW |