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 |