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

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/squashing/squash-compositing-hover-expected.txt

Issue 2591883002: Apply both phsical bounding box and clip to composited bounds. (Closed)
Patch Set: none Created 3 years, 11 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 Test overlap is rendered correctly when hovering over elements 1 Test overlap is rendered correctly when hovering over elements
2 2
3 Case 1, original layer tree: 3 Case 1, original layer tree:
4 { 4 {
5 "layers": [ 5 "layers": [
6 { 6 {
7 "name": "LayoutView #document", 7 "name": "LayoutView #document",
8 "bounds": [800, 600], 8 "bounds": [800, 600],
9 "contentsOpaque": true, 9 "contentsOpaque": true,
10 "drawsContent": true 10 "drawsContent": true
11 }, 11 },
12 { 12 {
13 "name": "LayoutBlockFlow DIV class='composited'", 13 "name": "LayoutBlockFlow DIV class='composited'",
14 "position": [8, 8], 14 "position": [8, 8],
15 "bounds": [784, 0] 15 "transformOrigin": [392, 0],
16 "contentsOpaque": true
16 }, 17 },
17 { 18 {
18 "name": "Squashing Containment Layer", 19 "name": "Squashing Containment Layer",
19 "shouldFlattenTransform": false 20 "shouldFlattenTransform": false
20 }, 21 },
21 { 22 {
22 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", 23 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'",
23 "position": [100, 100], 24 "position": [100, 100],
24 "bounds": [100, 100], 25 "bounds": [100, 100],
25 "contentsOpaque": true, 26 "contentsOpaque": true,
(...skipping 13 matching lines...) Expand all
39 "layers": [ 40 "layers": [
40 { 41 {
41 "name": "LayoutView #document", 42 "name": "LayoutView #document",
42 "bounds": [800, 600], 43 "bounds": [800, 600],
43 "contentsOpaque": true, 44 "contentsOpaque": true,
44 "drawsContent": true 45 "drawsContent": true
45 }, 46 },
46 { 47 {
47 "name": "LayoutBlockFlow DIV class='composited'", 48 "name": "LayoutBlockFlow DIV class='composited'",
48 "position": [8, 8], 49 "position": [8, 8],
49 "bounds": [784, 0] 50 "transformOrigin": [392, 0],
51 "contentsOpaque": true
50 }, 52 },
51 { 53 {
52 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", 54 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'",
53 "position": [100, 100], 55 "position": [100, 100],
54 "bounds": [100, 100], 56 "bounds": [100, 100],
55 "contentsOpaque": true, 57 "contentsOpaque": true,
56 "drawsContent": true, 58 "drawsContent": true,
57 "backgroundColor": "#0000FF" 59 "backgroundColor": "#0000FF"
58 }, 60 },
59 { 61 {
(...skipping 21 matching lines...) Expand all
81 "layers": [ 83 "layers": [
82 { 84 {
83 "name": "LayoutView #document", 85 "name": "LayoutView #document",
84 "bounds": [800, 600], 86 "bounds": [800, 600],
85 "contentsOpaque": true, 87 "contentsOpaque": true,
86 "drawsContent": true 88 "drawsContent": true
87 }, 89 },
88 { 90 {
89 "name": "LayoutBlockFlow DIV class='composited'", 91 "name": "LayoutBlockFlow DIV class='composited'",
90 "position": [8, 8], 92 "position": [8, 8],
91 "bounds": [784, 0] 93 "transformOrigin": [392, 0],
94 "contentsOpaque": true
92 }, 95 },
93 { 96 {
94 "name": "Squashing Containment Layer", 97 "name": "Squashing Containment Layer",
95 "shouldFlattenTransform": false 98 "shouldFlattenTransform": false
96 }, 99 },
97 { 100 {
98 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", 101 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'",
99 "position": [100, 100], 102 "position": [100, 100],
100 "bounds": [100, 100], 103 "bounds": [100, 100],
101 "contentsOpaque": true, 104 "contentsOpaque": true,
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
133 "layers": [ 136 "layers": [
134 { 137 {
135 "name": "LayoutView #document", 138 "name": "LayoutView #document",
136 "bounds": [800, 600], 139 "bounds": [800, 600],
137 "contentsOpaque": true, 140 "contentsOpaque": true,
138 "drawsContent": true 141 "drawsContent": true
139 }, 142 },
140 { 143 {
141 "name": "LayoutBlockFlow DIV class='composited'", 144 "name": "LayoutBlockFlow DIV class='composited'",
142 "position": [8, 8], 145 "position": [8, 8],
143 "bounds": [784, 0] 146 "transformOrigin": [392, 0],
147 "contentsOpaque": true
144 }, 148 },
145 { 149 {
146 "name": "Squashing Containment Layer", 150 "name": "Squashing Containment Layer",
147 "shouldFlattenTransform": false 151 "shouldFlattenTransform": false
148 }, 152 },
149 { 153 {
150 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", 154 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'",
151 "position": [100, 100], 155 "position": [100, 100],
152 "bounds": [100, 100], 156 "bounds": [100, 100],
153 "contentsOpaque": true, 157 "contentsOpaque": true,
(...skipping 21 matching lines...) Expand all
175 "layers": [ 179 "layers": [
176 { 180 {
177 "name": "LayoutView #document", 181 "name": "LayoutView #document",
178 "bounds": [800, 600], 182 "bounds": [800, 600],
179 "contentsOpaque": true, 183 "contentsOpaque": true,
180 "drawsContent": true 184 "drawsContent": true
181 }, 185 },
182 { 186 {
183 "name": "LayoutBlockFlow DIV class='composited'", 187 "name": "LayoutBlockFlow DIV class='composited'",
184 "position": [8, 8], 188 "position": [8, 8],
185 "bounds": [784, 0] 189 "transformOrigin": [392, 0],
190 "contentsOpaque": true
186 }, 191 },
187 { 192 {
188 "name": "Squashing Containment Layer", 193 "name": "Squashing Containment Layer",
189 "shouldFlattenTransform": false 194 "shouldFlattenTransform": false
190 }, 195 },
191 { 196 {
192 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", 197 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'",
193 "position": [100, 100], 198 "position": [100, 100],
194 "bounds": [100, 100], 199 "bounds": [100, 100],
195 "contentsOpaque": true, 200 "contentsOpaque": true,
196 "drawsContent": true, 201 "drawsContent": true,
197 "backgroundColor": "#0000FF" 202 "backgroundColor": "#0000FF"
198 }, 203 },
199 { 204 {
200 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione d) DIV class='box middle')", 205 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione d) DIV class='box middle')",
201 "position": [180, 180], 206 "position": [180, 180],
202 "bounds": [260, 260], 207 "bounds": [260, 260],
203 "drawsContent": true 208 "drawsContent": true
204 } 209 }
205 ] 210 ]
206 } 211 }
207 212
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698