Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(143)

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-1-expected.txt

Issue 1951043002: Don't let PaintInvalidationLocationChange shadow other reasons (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 The gray div is a composited fixed-position element, and the cyan/lime elements should be squashed together on top. When scrolling, paragraphs may pop in-and-ou t of the squashing layer when they change overlapping status with respect to the composited layer underneath. 1 The gray div is a composited fixed-position element, and the cyan/lime elements should be squashed together on top. When scrolling, paragraphs may pop in-and-ou t of the squashing layer when they change overlapping status with respect to the composited layer underneath.
2 2
3 This scenario tests (1) that content repaints correctly as layers pop in and out of squashing, and (2) that the positioning of the squashing layer remains corre ct (i.e. scrolls properly) when the squashing layer is on top of a fixed-positio n composited layer. 3 This scenario tests (1) that content repaints correctly as layers pop in and out of squashing, and (2) that the positioning of the squashing layer remains corre ct (i.e. scrolls properly) when the squashing layer is on top of a fixed-positio n composited layer.
4 4
5 CASE 1, original layer tree: 5 CASE 1, original layer tree:
6 { 6 {
7 "bounds": [785, 1400], 7 "bounds": [785, 1400],
8 "children": [ 8 "children": [
9 { 9 {
10 "bounds": [785, 1400], 10 "bounds": [785, 1400],
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
54 "reason": "layer" 54 "reason": "layer"
55 }, 55 },
56 { 56 {
57 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-e' class='overlapping cyan'", 57 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-e' class='overlapping cyan'",
58 "rect": [0, 200, 200, 100], 58 "rect": [0, 200, 200, 100],
59 "reason": "layer" 59 "reason": "layer"
60 }, 60 },
61 { 61 {
62 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-b' class='overlapping lime'", 62 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-b' class='overlapping lime'",
63 "rect": [0, 100, 200, 100], 63 "rect": [0, 100, 200, 100],
64 "reason": "location change" 64 "reason": "compositing update"
65 }, 65 },
66 { 66 {
67 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-d' class='overlapping lime'", 67 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-d' class='overlapping lime'",
68 "rect": [0, 100, 200, 100], 68 "rect": [0, 100, 200, 100],
69 "reason": "layer" 69 "reason": "layer"
70 }, 70 },
71 { 71 {
72 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-c' class='overlapping cyan'", 72 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-c' class='overlapping cyan'",
73 "rect": [0, 0, 200, 100], 73 "rect": [0, 0, 200, 100],
74 "reason": "layer" 74 "reason": "layer"
(...skipping 25 matching lines...) Expand all
100 ] 100 ]
101 }, 101 },
102 { 102 {
103 "position": [0, 300], 103 "position": [0, 300],
104 "bounds": [200, 300], 104 "bounds": [200, 300],
105 "drawsContent": true, 105 "drawsContent": true,
106 "paintInvalidations": [ 106 "paintInvalidations": [
107 { 107 {
108 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-f' class='overlapping lime'", 108 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-f' class='overlapping lime'",
109 "rect": [0, 200, 200, 100], 109 "rect": [0, 200, 200, 100],
110 "reason": "location change" 110 "reason": "compositing update"
111 }, 111 },
112 { 112 {
113 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-e' class='overlapping cyan'", 113 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-e' class='overlapping cyan'",
114 "rect": [0, 100, 200, 100], 114 "rect": [0, 100, 200, 100],
115 "reason": "location change" 115 "reason": "compositing update"
116 }, 116 },
117 { 117 {
118 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-d' class='overlapping lime'", 118 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-d' class='overlapping lime'",
119 "rect": [0, 0, 200, 100], 119 "rect": [0, 0, 200, 100],
120 "reason": "location change" 120 "reason": "compositing update"
121 } 121 }
122 ] 122 ]
123 } 123 }
124 ] 124 ]
125 } 125 }
126 ] 126 ]
127 } 127 }
128 ] 128 ]
129 } 129 }
130 CASE 3, scrolling y to 120, no repaints expected: 130 CASE 3, scrolling y to 120, no repaints expected:
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
174 "drawsContent": true, 174 "drawsContent": true,
175 "paintInvalidations": [ 175 "paintInvalidations": [
176 { 176 {
177 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-g' class='overlapping cyan'", 177 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-g' class='overlapping cyan'",
178 "rect": [0, 600, 200, 100], 178 "rect": [0, 600, 200, 100],
179 "reason": "layer" 179 "reason": "layer"
180 }, 180 },
181 { 181 {
182 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-c' class='overlapping cyan'", 182 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-c' class='overlapping cyan'",
183 "rect": [0, 200, 200, 100], 183 "rect": [0, 200, 200, 100],
184 "reason": "location change" 184 "reason": "compositing update"
185 }, 185 },
186 { 186 {
187 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-f' class='overlapping lime'", 187 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-f' class='overlapping lime'",
188 "rect": [0, 200, 200, 100], 188 "rect": [0, 200, 200, 100],
189 "reason": "layer" 189 "reason": "layer"
190 }, 190 },
191 { 191 {
192 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-e' class='overlapping cyan'", 192 "object": "LayoutBlockFlow (relative positioned) DIV id='paragraph-e' class='overlapping cyan'",
193 "rect": [0, 100, 200, 100], 193 "rect": [0, 100, 200, 100],
194 "reason": "layer" 194 "reason": "layer"
(...skipping 30 matching lines...) Expand all
225 ] 225 ]
226 }, 226 },
227 { 227 {
228 "position": [0, 400], 228 "position": [0, 400],
229 "bounds": [200, 300], 229 "bounds": [200, 300],
230 "drawsContent": true, 230 "drawsContent": true,
231 "paintInvalidations": [ 231 "paintInvalidations": [
232 { 232 {
233 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-g' class='overlapping cyan'", 233 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-g' class='overlapping cyan'",
234 "rect": [0, 200, 200, 100], 234 "rect": [0, 200, 200, 100],
235 "reason": "location change" 235 "reason": "compositing update"
236 }, 236 },
237 { 237 {
238 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-f' class='overlapping lime'", 238 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-f' class='overlapping lime'",
239 "rect": [0, 100, 200, 100], 239 "rect": [0, 100, 200, 100],
240 "reason": "location change" 240 "reason": "compositing update"
241 }, 241 },
242 { 242 {
243 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-e' class='overlapping cyan'", 243 "object": "LayoutBlockFlow (relative positioned) DIV id='parag raph-e' class='overlapping cyan'",
244 "rect": [0, 0, 200, 100], 244 "rect": [0, 0, 200, 100],
245 "reason": "location change" 245 "reason": "compositing update"
246 } 246 }
247 ] 247 ]
248 } 248 }
249 ] 249 ]
250 } 250 }
251 ] 251 ]
252 } 252 }
253 ] 253 ]
254 } 254 }
255 255
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698