OLD | NEW |
1 Test that layers can be nicely added or removed from a squashed layer, without u
nnecessary repaints on any layer. Click anywhere to test interactively; keep cli
cking to proceed through the test. | 1 Test that layers can be nicely added or removed from a squashed layer, without u
nnecessary repaints on any layer. Click anywhere to test interactively; keep cli
cking to proceed through the test. |
2 | 2 |
3 CASE 1, original layer tree with overlap1 and overlap2: | 3 CASE 1, original layer tree with overlap1 and overlap2: |
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 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
56 "backgroundColor": "#808080" | 56 "backgroundColor": "#808080" |
57 }, | 57 }, |
58 { | 58 { |
59 "position": [140, 140], | 59 "position": [140, 140], |
60 "bounds": [260, 260], | 60 "bounds": [260, 260], |
61 "drawsContent": true, | 61 "drawsContent": true, |
62 "paintInvalidations": [ | 62 "paintInvalidations": [ |
63 { | 63 { |
64 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", | 64 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", |
65 "rect": [160, 160, 100, 100], | 65 "rect": [160, 160, 100, 100], |
66 "reason": "location change" | 66 "reason": "layoutObject insertion" |
67 } | 67 } |
68 ] | 68 ] |
69 } | 69 } |
70 ] | 70 ] |
71 } | 71 } |
72 ] | 72 ] |
73 } | 73 } |
74 ] | 74 ] |
75 } | 75 } |
76 CASE 3, overlap2 gets removed. Since this does not resize the layer, there shoul
d only be a repaint of overlap2: | 76 CASE 3, overlap2 gets removed. Since this does not resize the layer, there shoul
d only be a repaint of overlap2: |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
140 "reason": "layer" | 140 "reason": "layer" |
141 }, | 141 }, |
142 { | 142 { |
143 "object": "LayoutBlockFlow (positioned) DIV id='A' class='over
lap1'", | 143 "object": "LayoutBlockFlow (positioned) DIV id='A' class='over
lap1'", |
144 "rect": [0, 0, 100, 100], | 144 "rect": [0, 0, 100, 100], |
145 "reason": "layoutObject removal" | 145 "reason": "layoutObject removal" |
146 }, | 146 }, |
147 { | 147 { |
148 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", | 148 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", |
149 "rect": [0, 0, 100, 100], | 149 "rect": [0, 0, 100, 100], |
150 "reason": "location change" | 150 "reason": "compositing update" |
151 } | 151 } |
152 ] | 152 ] |
153 } | 153 } |
154 ] | 154 ] |
155 } | 155 } |
156 ] | 156 ] |
157 } | 157 } |
158 ] | 158 ] |
159 } | 159 } |
160 CASE 5, overlap2 gets added back: | 160 CASE 5, overlap2 gets added back: |
(...skipping 22 matching lines...) Expand all Loading... |
183 "backgroundColor": "#808080" | 183 "backgroundColor": "#808080" |
184 }, | 184 }, |
185 { | 185 { |
186 "position": [220, 220], | 186 "position": [220, 220], |
187 "bounds": [180, 180], | 187 "bounds": [180, 180], |
188 "drawsContent": true, | 188 "drawsContent": true, |
189 "paintInvalidations": [ | 189 "paintInvalidations": [ |
190 { | 190 { |
191 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", | 191 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", |
192 "rect": [80, 80, 100, 100], | 192 "rect": [80, 80, 100, 100], |
193 "reason": "location change" | 193 "reason": "compositing update" |
194 }, | 194 }, |
195 { | 195 { |
196 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", | 196 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", |
197 "rect": [0, 0, 100, 100], | 197 "rect": [0, 0, 100, 100], |
198 "reason": "layoutObject insertion" | 198 "reason": "layoutObject insertion" |
199 }, | 199 }, |
200 { | 200 { |
201 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", | 201 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", |
202 "rect": [0, 0, 100, 100], | 202 "rect": [0, 0, 100, 100], |
203 "reason": "layer" | 203 "reason": "layer" |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
236 "backgroundColor": "#808080" | 236 "backgroundColor": "#808080" |
237 }, | 237 }, |
238 { | 238 { |
239 "position": [140, 140], | 239 "position": [140, 140], |
240 "bounds": [180, 180], | 240 "bounds": [180, 180], |
241 "drawsContent": true, | 241 "drawsContent": true, |
242 "paintInvalidations": [ | 242 "paintInvalidations": [ |
243 { | 243 { |
244 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", | 244 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", |
245 "rect": [80, 80, 100, 100], | 245 "rect": [80, 80, 100, 100], |
246 "reason": "location change" | 246 "reason": "compositing update" |
247 }, | 247 }, |
248 { | 248 { |
249 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", | 249 "object": "LayoutBlockFlow (positioned) DIV id='C' class='over
lap3'", |
250 "rect": [80, 80, 100, 100], | 250 "rect": [80, 80, 100, 100], |
251 "reason": "layoutObject removal" | 251 "reason": "layoutObject removal" |
252 }, | 252 }, |
253 { | 253 { |
254 "object": "LayoutBlockFlow (positioned) DIV id='A' class='over
lap1'", | 254 "object": "LayoutBlockFlow (positioned) DIV id='A' class='over
lap1'", |
255 "rect": [0, 0, 100, 100], | 255 "rect": [0, 0, 100, 100], |
256 "reason": "layoutObject insertion" | 256 "reason": "layoutObject insertion" |
257 }, | 257 }, |
258 { | 258 { |
259 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", | 259 "object": "LayoutBlockFlow (positioned) DIV id='B' class='over
lap2'", |
260 "rect": [0, 0, 100, 100], | 260 "rect": [0, 0, 100, 100], |
261 "reason": "layer" | 261 "reason": "layer" |
262 } | 262 } |
263 ] | 263 ] |
264 } | 264 } |
265 ] | 265 ] |
266 } | 266 } |
267 ] | 267 ] |
268 } | 268 } |
269 ] | 269 ] |
270 } | 270 } |
271 | 271 |
OLD | NEW |