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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-preserved-3d-expected.txt

Issue 2406723002: Auto-rebaseline for r424089 (Closed)
Patch Set: Created 4 years, 2 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
« no previous file with comments | « third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer-with-transform-body-expected.txt ('k') | third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transforms-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 123456Before: 1 123456Before:
2 { 2 {
3 "name": "Content Root Layer", 3 "layers": [
4 "bounds": [800, 600],
5 "children": [
6 { 4 {
7 "name": "LayoutView #document", 5 "name": "LayoutView #document",
8 "bounds": [800, 600], 6 "bounds": [800, 600],
9 "contentsOpaque": true, 7 "contentsOpaque": true,
8 "drawsContent": true
9 },
10 {
11 "name": "LayoutBlockFlow (positioned) DIV id='green-box' class='center box -container'",
12 "position": [108, 108],
13 "contentsOpaque": true
14 },
15 {
16 "name": "Child Transform Layer",
17 "transformOrigin": [50, 50],
18 "shouldFlattenTransform": false,
19 "transform": [
20 [1, 0, 0, 0],
21 [0, 1, 0, 0],
22 [0, 0, 1, -0.005],
23 [0, 0, 0, 1]
24 ]
25 },
26 {
27 "name": "LayoutBlockFlow DIV id='camera' class='rotate-3d-start'",
28 "transformOrigin": [50, 50],
29 "contentsOpaque": true,
30 "shouldFlattenTransform": false,
31 "3dRenderingContext": 1,
32 "transform": [
33 [0.353553390593274, 0.25, -0.5, 0],
34 [0, 0.353553390593274, 0.707106781186548, 0],
35 [0.353553390593274, -0.25, 0.5, 0],
36 [0, 0, 0, 1]
37 ]
38 },
39 {
40 "name": "LayoutBlockFlow (positioned) DIV class='side side-1'",
41 "bounds": [100, 100],
42 "3dRenderingContext": 1,
10 "drawsContent": true, 43 "drawsContent": true,
11 "children": [ 44 "backgroundColor": "#00FF00CC",
12 { 45 "transform": [
13 "name": "LayoutBlockFlow (positioned) DIV id='green-box' class='center box-container'", 46 [1, 0, 0, 0],
14 "position": [108, 108], 47 [0, 1, 0, 0],
15 "contentsOpaque": true, 48 [0, 0, 1, 0],
16 "children": [ 49 [0, 0, 50, 1]
17 { 50 ]
18 "name": "Child Transform Layer", 51 },
19 "transformOrigin": [50, 50], 52 {
20 "shouldFlattenTransform": false, 53 "name": "LayoutBlockFlow (positioned) DIV class='side side-2'",
21 "transform": [ 54 "bounds": [100, 100],
22 [1, 0, 0, 0], 55 "3dRenderingContext": 1,
23 [0, 1, 0, 0], 56 "drawsContent": true,
24 [0, 0, 1, -0.005], 57 "backgroundColor": "#00FF00CC",
25 [0, 0, 0, 1] 58 "transform": [
26 ], 59 [0, 0, -1, 0],
27 "children": [ 60 [0, 1, 0, 0],
28 { 61 [1, 0, 0, 0],
29 "name": "LayoutBlockFlow DIV id='camera' class='rotate-3d-star t'", 62 [50, 0, 0, 1]
30 "transformOrigin": [50, 50], 63 ]
31 "contentsOpaque": true, 64 },
32 "shouldFlattenTransform": false, 65 {
33 "3dRenderingContext": 1, 66 "name": "LayoutBlockFlow (positioned) DIV class='side side-3'",
34 "transform": [ 67 "bounds": [100, 100],
35 [0.353553390593274, 0.25, -0.5, 0], 68 "3dRenderingContext": 1,
36 [0, 0.353553390593274, 0.707106781186548, 0], 69 "drawsContent": true,
37 [0.353553390593274, -0.25, 0.5, 0], 70 "backgroundColor": "#00FF00CC",
38 [0, 0, 0, 1] 71 "transform": [
39 ], 72 [-1, 0, 0, 0],
40 "children": [ 73 [0, 1, 0, 0],
41 { 74 [0, 0, -1, 0],
42 "name": "LayoutBlockFlow (positioned) DIV class='side side -1'", 75 [0, 0, -50, 1]
43 "bounds": [100, 100], 76 ]
44 "3dRenderingContext": 1, 77 },
45 "drawsContent": true, 78 {
46 "backgroundColor": "#00FF00CC", 79 "name": "LayoutBlockFlow (positioned) DIV class='side side-4'",
47 "transform": [ 80 "bounds": [100, 100],
48 [1, 0, 0, 0], 81 "3dRenderingContext": 1,
49 [0, 1, 0, 0], 82 "drawsContent": true,
50 [0, 0, 1, 0], 83 "backgroundColor": "#00FF00CC",
51 [0, 0, 50, 1] 84 "transform": [
52 ] 85 [0, 0, 1, 0],
53 }, 86 [0, 1, 0, 0],
54 { 87 [-1, 0, 0, 0],
55 "name": "LayoutBlockFlow (positioned) DIV class='side side -2'", 88 [-50, 0, 0, 1]
56 "bounds": [100, 100], 89 ]
57 "3dRenderingContext": 1, 90 },
58 "drawsContent": true, 91 {
59 "backgroundColor": "#00FF00CC", 92 "name": "LayoutBlockFlow (positioned) DIV class='side side-5'",
60 "transform": [ 93 "bounds": [100, 100],
61 [0, 0, -1, 0], 94 "3dRenderingContext": 1,
62 [0, 1, 0, 0], 95 "drawsContent": true,
63 [1, 0, 0, 0], 96 "backgroundColor": "#00FF00CC",
64 [50, 0, 0, 1] 97 "transform": [
65 ] 98 [1, 0, 0, 0],
66 }, 99 [0, 0, 1, 0],
67 { 100 [0, -1, 0, 0],
68 "name": "LayoutBlockFlow (positioned) DIV class='side side -3'", 101 [0, -50, 0, 1]
69 "bounds": [100, 100], 102 ]
70 "3dRenderingContext": 1, 103 },
71 "drawsContent": true, 104 {
72 "backgroundColor": "#00FF00CC", 105 "name": "LayoutBlockFlow (positioned) DIV class='side side-6'",
73 "transform": [ 106 "bounds": [100, 100],
74 [-1, 0, 0, 0], 107 "3dRenderingContext": 1,
75 [0, 1, 0, 0], 108 "drawsContent": true,
76 [0, 0, -1, 0], 109 "backgroundColor": "#00FF00CC",
77 [0, 0, -50, 1] 110 "transform": [
78 ] 111 [1, 0, 0, 0],
79 }, 112 [0, 0, -1, 0],
80 { 113 [0, 1, 0, 0],
81 "name": "LayoutBlockFlow (positioned) DIV class='side side -4'", 114 [0, 50, 0, 1]
82 "bounds": [100, 100],
83 "3dRenderingContext": 1,
84 "drawsContent": true,
85 "backgroundColor": "#00FF00CC",
86 "transform": [
87 [0, 0, 1, 0],
88 [0, 1, 0, 0],
89 [-1, 0, 0, 0],
90 [-50, 0, 0, 1]
91 ]
92 },
93 {
94 "name": "LayoutBlockFlow (positioned) DIV class='side side -5'",
95 "bounds": [100, 100],
96 "3dRenderingContext": 1,
97 "drawsContent": true,
98 "backgroundColor": "#00FF00CC",
99 "transform": [
100 [1, 0, 0, 0],
101 [0, 0, 1, 0],
102 [0, -1, 0, 0],
103 [0, -50, 0, 1]
104 ]
105 },
106 {
107 "name": "LayoutBlockFlow (positioned) DIV class='side side -6'",
108 "bounds": [100, 100],
109 "3dRenderingContext": 1,
110 "drawsContent": true,
111 "backgroundColor": "#00FF00CC",
112 "transform": [
113 [1, 0, 0, 0],
114 [0, 0, -1, 0],
115 [0, 1, 0, 0],
116 [0, 50, 0, 1]
117 ]
118 }
119 ]
120 }
121 ]
122 }
123 ]
124 }
125 ] 115 ]
126 } 116 }
127 ] 117 ]
128 } 118 }
129 119
130 After: 120 After:
131 { 121 {
132 "name": "Content Root Layer", 122 "layers": [
133 "bounds": [800, 600],
134 "children": [
135 { 123 {
136 "name": "LayoutView #document", 124 "name": "LayoutView #document",
137 "bounds": [800, 600], 125 "bounds": [800, 600],
138 "contentsOpaque": true, 126 "contentsOpaque": true,
127 "drawsContent": true
128 },
129 {
130 "name": "LayoutBlockFlow (positioned) DIV id='green-box' class='center box -container'",
131 "position": [108, 108],
132 "contentsOpaque": true
133 },
134 {
135 "name": "Child Transform Layer",
136 "transformOrigin": [50, 50],
137 "shouldFlattenTransform": false,
138 "transform": [
139 [1, 0, 0, 0],
140 [0, 1, 0, 0],
141 [0, 0, 1, -0.005],
142 [0, 0, 0, 1]
143 ]
144 },
145 {
146 "name": "LayoutBlockFlow DIV id='camera' class='rotate-3d-start rotate-3d- end'",
147 "transformOrigin": [50, 50],
148 "contentsOpaque": true,
149 "shouldFlattenTransform": false,
150 "3dRenderingContext": 1,
151 "transform": [
152 [0.707106781186548, 0.5, -0.5, 0],
153 [0, 0.707106781186548, 0.707106781186548, 0],
154 [0.707106781186548, -0.5, 0.5, 0],
155 [0, 0, 0, 1]
156 ]
157 },
158 {
159 "name": "LayoutBlockFlow (positioned) DIV class='side side-1'",
160 "bounds": [100, 100],
161 "3dRenderingContext": 1,
139 "drawsContent": true, 162 "drawsContent": true,
140 "children": [ 163 "backgroundColor": "#00FF00CC",
141 { 164 "transform": [
142 "name": "LayoutBlockFlow (positioned) DIV id='green-box' class='center box-container'", 165 [1, 0, 0, 0],
143 "position": [108, 108], 166 [0, 1, 0, 0],
144 "contentsOpaque": true, 167 [0, 0, 1, 0],
145 "children": [ 168 [0, 0, 50, 1]
146 {
147 "name": "Child Transform Layer",
148 "transformOrigin": [50, 50],
149 "shouldFlattenTransform": false,
150 "transform": [
151 [1, 0, 0, 0],
152 [0, 1, 0, 0],
153 [0, 0, 1, -0.005],
154 [0, 0, 0, 1]
155 ],
156 "children": [
157 {
158 "name": "LayoutBlockFlow DIV id='camera' class='rotate-3d-star t rotate-3d-end'",
159 "transformOrigin": [50, 50],
160 "contentsOpaque": true,
161 "shouldFlattenTransform": false,
162 "3dRenderingContext": 1,
163 "transform": [
164 [0.707106781186548, 0.5, -0.5, 0],
165 [0, 0.707106781186548, 0.707106781186548, 0],
166 [0.707106781186548, -0.5, 0.5, 0],
167 [0, 0, 0, 1]
168 ],
169 "children": [
170 {
171 "name": "LayoutBlockFlow (positioned) DIV class='side side -1'",
172 "bounds": [100, 100],
173 "3dRenderingContext": 1,
174 "drawsContent": true,
175 "backgroundColor": "#00FF00CC",
176 "transform": [
177 [1, 0, 0, 0],
178 [0, 1, 0, 0],
179 [0, 0, 1, 0],
180 [0, 0, 50, 1]
181 ]
182 },
183 {
184 "name": "LayoutBlockFlow (positioned) DIV class='side side -2'",
185 "bounds": [100, 100],
186 "3dRenderingContext": 1,
187 "drawsContent": true,
188 "backgroundColor": "#00FF00CC",
189 "transform": [
190 [0, 0, -1, 0],
191 [0, 1, 0, 0],
192 [1, 0, 0, 0],
193 [50, 0, 0, 1]
194 ]
195 },
196 {
197 "name": "LayoutBlockFlow (positioned) DIV class='side side -3'",
198 "bounds": [100, 100],
199 "3dRenderingContext": 1,
200 "drawsContent": true,
201 "backgroundColor": "#00FF00CC",
202 "transform": [
203 [-1, 0, 0, 0],
204 [0, 1, 0, 0],
205 [0, 0, -1, 0],
206 [0, 0, -50, 1]
207 ]
208 },
209 {
210 "name": "LayoutBlockFlow (positioned) DIV class='side side -4'",
211 "bounds": [100, 100],
212 "3dRenderingContext": 1,
213 "drawsContent": true,
214 "backgroundColor": "#00FF00CC",
215 "transform": [
216 [0, 0, 1, 0],
217 [0, 1, 0, 0],
218 [-1, 0, 0, 0],
219 [-50, 0, 0, 1]
220 ]
221 },
222 {
223 "name": "LayoutBlockFlow (positioned) DIV class='side side -5'",
224 "bounds": [100, 100],
225 "3dRenderingContext": 1,
226 "drawsContent": true,
227 "backgroundColor": "#00FF00CC",
228 "transform": [
229 [1, 0, 0, 0],
230 [0, 0, 1, 0],
231 [0, -1, 0, 0],
232 [0, -50, 0, 1]
233 ]
234 },
235 {
236 "name": "LayoutBlockFlow (positioned) DIV class='side side -6'",
237 "bounds": [100, 100],
238 "3dRenderingContext": 1,
239 "drawsContent": true,
240 "backgroundColor": "#00FF00CC",
241 "transform": [
242 [1, 0, 0, 0],
243 [0, 0, -1, 0],
244 [0, 1, 0, 0],
245 [0, 50, 0, 1]
246 ]
247 }
248 ]
249 }
250 ]
251 }
252 ]
253 },
254 {
255 "name": "Squashing Containment Layer",
256 "shouldFlattenTransform": false,
257 "children": [
258 {
259 "name": "LayoutBlockFlow (positioned) DIV class='box top left'",
260 "position": [8, 8],
261 "bounds": [100, 150],
262 "contentsOpaque": true,
263 "drawsContent": true,
264 "backgroundColor": "#808080"
265 },
266 {
267 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p ositioned) DIV class='box top right')",
268 "position": [8, 8],
269 "bounds": [300, 300],
270 "drawsContent": true
271 }
272 ]
273 }
274 ] 169 ]
170 },
171 {
172 "name": "LayoutBlockFlow (positioned) DIV class='side side-2'",
173 "bounds": [100, 100],
174 "3dRenderingContext": 1,
175 "drawsContent": true,
176 "backgroundColor": "#00FF00CC",
177 "transform": [
178 [0, 0, -1, 0],
179 [0, 1, 0, 0],
180 [1, 0, 0, 0],
181 [50, 0, 0, 1]
182 ]
183 },
184 {
185 "name": "LayoutBlockFlow (positioned) DIV class='side side-3'",
186 "bounds": [100, 100],
187 "3dRenderingContext": 1,
188 "drawsContent": true,
189 "backgroundColor": "#00FF00CC",
190 "transform": [
191 [-1, 0, 0, 0],
192 [0, 1, 0, 0],
193 [0, 0, -1, 0],
194 [0, 0, -50, 1]
195 ]
196 },
197 {
198 "name": "LayoutBlockFlow (positioned) DIV class='side side-4'",
199 "bounds": [100, 100],
200 "3dRenderingContext": 1,
201 "drawsContent": true,
202 "backgroundColor": "#00FF00CC",
203 "transform": [
204 [0, 0, 1, 0],
205 [0, 1, 0, 0],
206 [-1, 0, 0, 0],
207 [-50, 0, 0, 1]
208 ]
209 },
210 {
211 "name": "LayoutBlockFlow (positioned) DIV class='side side-5'",
212 "bounds": [100, 100],
213 "3dRenderingContext": 1,
214 "drawsContent": true,
215 "backgroundColor": "#00FF00CC",
216 "transform": [
217 [1, 0, 0, 0],
218 [0, 0, 1, 0],
219 [0, -1, 0, 0],
220 [0, -50, 0, 1]
221 ]
222 },
223 {
224 "name": "LayoutBlockFlow (positioned) DIV class='side side-6'",
225 "bounds": [100, 100],
226 "3dRenderingContext": 1,
227 "drawsContent": true,
228 "backgroundColor": "#00FF00CC",
229 "transform": [
230 [1, 0, 0, 0],
231 [0, 0, -1, 0],
232 [0, 1, 0, 0],
233 [0, 50, 0, 1]
234 ]
235 },
236 {
237 "name": "Squashing Containment Layer",
238 "shouldFlattenTransform": false
239 },
240 {
241 "name": "LayoutBlockFlow (positioned) DIV class='box top left'",
242 "position": [8, 8],
243 "bounds": [100, 150],
244 "contentsOpaque": true,
245 "drawsContent": true,
246 "backgroundColor": "#808080"
247 },
248 {
249 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione d) DIV class='box top right')",
250 "position": [8, 8],
251 "bounds": [300, 300],
252 "drawsContent": true
275 } 253 }
276 ] 254 ]
277 } 255 }
278 256
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-layer-with-transform-body-expected.txt ('k') | third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transforms-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698