| OLD | NEW |
| 1 Basic repaint test for squashed layers. The entire squashing layer should not ne
ed repainting when only a portion of it is invalidated. Test interactively by us
ing --show-paint-rects and hovering over elements to change their color. | 1 Basic repaint test for squashed layers. The entire squashing layer should not ne
ed repainting when only a portion of it is invalidated. Test interactively by us
ing --show-paint-rects and hovering over elements to change their color. |
| 2 | 2 |
| 3 CASE 1, original layer tree: | 3 CASE 1, original layer tree: |
| 4 { | 4 { |
| 5 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 6 "children": [ | 6 "children": [ |
| 7 { | 7 { |
| 8 "bounds": [800, 600], | 8 "bounds": [800, 600], |
| 9 "contentsOpaque": true, | 9 "contentsOpaque": true, |
| 10 "drawsContent": true, | 10 "drawsContent": true, |
| (...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 85 "contentsOpaque": true, | 85 "contentsOpaque": true, |
| 86 "drawsContent": true, | 86 "drawsContent": true, |
| 87 "backgroundColor": "#808080" | 87 "backgroundColor": "#808080" |
| 88 }, | 88 }, |
| 89 { | 89 { |
| 90 "position": [140, 140], | 90 "position": [140, 140], |
| 91 "bounds": [260, 260], | 91 "bounds": [260, 260], |
| 92 "drawsContent": true, | 92 "drawsContent": true, |
| 93 "paintInvalidations": [ | 93 "paintInvalidations": [ |
| 94 { | 94 { |
| 95 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", |
| 96 "rect": [80, 80, 100, 100], |
| 97 "reason": "style change" |
| 98 }, |
| 99 { |
| 95 "object": "LayoutBlockFlow (positioned) DIV id='A' class='over
lap1'", | 100 "object": "LayoutBlockFlow (positioned) DIV id='A' class='over
lap1'", |
| 96 "rect": [0, 0, 100, 100], | 101 "rect": [0, 0, 100, 100], |
| 97 "reason": "style change" | 102 "reason": "style change" |
| 98 }, | |
| 99 { | |
| 100 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", | |
| 101 "rect": [80, 80, 100, 100], | |
| 102 "reason": "style change" | |
| 103 } | 103 } |
| 104 ] | 104 ] |
| 105 } | 105 } |
| 106 ] | 106 ] |
| 107 } | 107 } |
| 108 ] | 108 ] |
| 109 } | 109 } |
| 110 ] | 110 ] |
| 111 } | 111 } |
| 112 CASE 4, overlap2 and overlap3 change color: | 112 CASE 4, overlap2 and overlap3 change color: |
| (...skipping 14 matching lines...) Expand all Loading... |
| 127 "contentsOpaque": true, | 127 "contentsOpaque": true, |
| 128 "drawsContent": true, | 128 "drawsContent": true, |
| 129 "backgroundColor": "#808080" | 129 "backgroundColor": "#808080" |
| 130 }, | 130 }, |
| 131 { | 131 { |
| 132 "position": [140, 140], | 132 "position": [140, 140], |
| 133 "bounds": [260, 260], | 133 "bounds": [260, 260], |
| 134 "drawsContent": true, | 134 "drawsContent": true, |
| 135 "paintInvalidations": [ | 135 "paintInvalidations": [ |
| 136 { | 136 { |
| 137 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", |
| 138 "rect": [160, 160, 100, 100], |
| 139 "reason": "style change" |
| 140 }, |
| 141 { |
| 137 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", | 142 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", |
| 138 "rect": [80, 80, 100, 100], | 143 "rect": [80, 80, 100, 100], |
| 139 "reason": "style change" | 144 "reason": "style change" |
| 140 }, | |
| 141 { | |
| 142 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", | |
| 143 "rect": [160, 160, 100, 100], | |
| 144 "reason": "style change" | |
| 145 } | 145 } |
| 146 ] | 146 ] |
| 147 } | 147 } |
| 148 ] | 148 ] |
| 149 } | 149 } |
| 150 ] | 150 ] |
| 151 } | 151 } |
| 152 ] | 152 ] |
| 153 } | 153 } |
| 154 CASE 5, overlap3 and overlap1 change color: | 154 CASE 5, overlap3 and overlap1 change color: |
| (...skipping 14 matching lines...) Expand all Loading... |
| 169 "contentsOpaque": true, | 169 "contentsOpaque": true, |
| 170 "drawsContent": true, | 170 "drawsContent": true, |
| 171 "backgroundColor": "#808080" | 171 "backgroundColor": "#808080" |
| 172 }, | 172 }, |
| 173 { | 173 { |
| 174 "position": [140, 140], | 174 "position": [140, 140], |
| 175 "bounds": [260, 260], | 175 "bounds": [260, 260], |
| 176 "drawsContent": true, | 176 "drawsContent": true, |
| 177 "paintInvalidations": [ | 177 "paintInvalidations": [ |
| 178 { | 178 { |
| 179 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", |
| 180 "rect": [160, 160, 100, 100], |
| 181 "reason": "style change" |
| 182 }, |
| 183 { |
| 179 "object": "LayoutBlockFlow (positioned) DIV id='A' class='over
lap1'", | 184 "object": "LayoutBlockFlow (positioned) DIV id='A' class='over
lap1'", |
| 180 "rect": [0, 0, 100, 100], | 185 "rect": [0, 0, 100, 100], |
| 181 "reason": "style change" | 186 "reason": "style change" |
| 182 }, | |
| 183 { | |
| 184 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", | |
| 185 "rect": [160, 160, 100, 100], | |
| 186 "reason": "style change" | |
| 187 } | 187 } |
| 188 ] | 188 ] |
| 189 } | 189 } |
| 190 ] | 190 ] |
| 191 } | 191 } |
| 192 ] | 192 ] |
| 193 } | 193 } |
| 194 ] | 194 ] |
| 195 } | 195 } |
| 196 | 196 |
| OLD | NEW |