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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements-expected.txt

Issue 1709963002: [css-align] New CSS Value 'normal' for Self Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Unskipped some repaint tests and rebaselined. 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
« third_party/WebKit/LayoutTests/fast/alignment/ensure-flexbox-compatibility-with-initial-values-expected.txt ('K') | « third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html ('k') | third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html » ('j') | third_party/WebKit/Source/core/css/resolver/StyleAdjuster.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 Test to verify auto value resolution works as expected in root elements (eg. doc ument root / shadow roots / slotted elements / elements inside
2 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ".
3
4
5
6 *** Test 'auto' value resolution for the document root node. ***
7
8 Check out how the DOM's root element resolves the align-self 'auto' values.
9 PASS element.style.alignSelf is "center"
10 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "cen ter"
11 PASS element.style.alignSelf is "auto"
12 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "nor mal"
13
14 Check out how the DOM's root element align-items's value is used to resolve its children's align-self 'auto' values.
15 PASS element.style.alignItems is "center"
16 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ce nter"
17 PASS element.style.alignItems is ""
18 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "no rmal"
19 PASS element.style.alignSelf is "auto"
20 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "cen ter"
21 PASS element.style.alignItems is ""
22 PASS window.getComputedStyle(host, '').getPropertyValue('align-items') is "norma l"
23 PASS element.style.alignSelf is "auto"
24 PASS window.getComputedStyle(host, '').getPropertyValue('align-self') is "normal "
25
26 Check out how the DOM's root element deals with 'auto' value in align-items.
27 PASS element.style.alignItems is "center"
28 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ce nter"
29 PASS element.style.alignItems is ""
30 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "no rmal"
31
32 Check out how the DOM's root element resolves the justify-self 'auto' values.
33 PASS element.style.justifySelf is "left"
34 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "l eft"
35 PASS element.style.justifySelf is "auto"
36 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "n ormal"
37
38 Check out how the DOM's root element align-items's value is used to resolve its children's align-self 'auto' values.
39 PASS element.style.justifyItems is "center"
40 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " center"
41 PASS element.style.justifyItems is "auto"
42 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " normal"
43 PASS element.style.justifySelf is "auto"
44 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter"
45 PASS element.style.justifyItems is "auto"
46 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "nor mal"
47 PASS element.style.justifySelf is "auto"
48 PASS window.getComputedStyle(host, '').getPropertyValue('justify-self') is "norm al"
49
50 Check out how the DOM's root element deals with 'auto' value in justify-items.
51 PASS element.style.justifyItems is "auto"
52 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " normal"
53 PASS element.style.justifySelf is "auto"
54 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "n ormal"
55 PASS element.style.justifySelf is "auto"
56 PASS window.getComputedStyle(host, '').getPropertyValue('justify-self') is "norm al"
57
58 Check out how the DOM's root element justify-items's value with 'legacy' keyword is used to resolve any descendant's justify-items 'auto' values.
59 PASS element.style.justifyItems is "legacy center"
60 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " legacy center"
61 PASS element.style.justifyItems is "auto"
62 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " legacy center"
63 PASS element.style.justifySelf is "auto"
64 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter"
65 PASS element.style.justifyItems is "auto"
66 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "leg acy center"
67 PASS element.style.justifySelf is "auto"
68 PASS window.getComputedStyle(host, '').getPropertyValue('justify-self') is "cent er"
69
70 Check out how the DOM's root element recomputes its descendant's style when 'leg acy' keyword is removed from its justify-items value.
71 PASS element.style.justifyItems is "auto"
72 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " normal"
73 PASS element.style.justifySelf is "auto"
74 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "n ormal"
75 PASS element.style.justifyItems is "auto"
76 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "nor mal"
77 PASS element.style.justifySelf is "auto"
78 PASS window.getComputedStyle(host, '').getPropertyValue('justify-self') is "norm al"
79
80 *** Test 'auto' value resolution for the shadow DOM root node. ***
81
82 Shadow Node inherits from ShadowHost to resolve the 'auto' values.
83 PASS element.style.alignItems is "center"
84 PASS window.getComputedStyle(host, '').getPropertyValue('align-items') is "cente r"
85 PASS element.style.alignItems is "right"
86 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ri ght"
87 PASS element.style.alignItems is ""
88 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "no rmal"
89 PASS element.style.alignSelf is "auto"
90 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "cen ter"
91 PASS element.style.justifyItems is "center"
92 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "cen ter"
93 PASS element.style.justifyItems is "right"
94 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " right"
95 PASS element.style.justifyItems is ""
96 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " normal"
97 PASS element.style.justifySelf is "auto"
98 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter"
99
100 Check out how the 'legacy' keyword from propagates from the DOM Tree to the Shad ow Node.
101 PASS element.style.justifyItems is "auto"
102 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "nor mal"
103 PASS element.style.justifyItems is "right"
104 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " right"
105 PASS element.style.justifySelf is "auto"
106 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "n ormal"
107 PASS element.style.justifyItems is "auto"
108 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "nor mal"
109 PASS element.style.justifyItems is "legacy center"
110 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " legacy center"
111 PASS element.style.justifyItems is "auto"
112 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "leg acy center"
113 PASS element.style.justifyItems is "right"
114 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " right"
115 PASS element.style.justifySelf is "auto"
116 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter"
117 PASS element.style.justifyItems is "auto"
118 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " legacy center"
119
120 *** Test 'auto' value resolution for the shadow DOM 'slotted' elements. ***
121
122 The 'slotted' element's parent is 'shadowHost' while 'slot' is not assigned.
123 PASS element.style.alignItems is "left"
124 PASS window.getComputedStyle(slotted, '').getPropertyValue('align-items') is "le ft"
125 PASS element.style.alignItems is ""
126 PASS window.getComputedStyle(slotted, '').getPropertyValue('align-items') is "no rmal"
127 PASS element.style.alignSelf is "start"
128 PASS window.getComputedStyle(slotted, '').getPropertyValue('align-self') is "sta rt"
129 PASS element.style.alignSelf is "auto"
130 PASS window.getComputedStyle(slotted, '').getPropertyValue('align-self') is "cen ter"
131 PASS element.style.justifyItems is "left"
132 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-items') is " left"
133 PASS element.style.justifyItems is ""
134 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-items') is " normal"
135 PASS element.style.justifySelf is "start"
136 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-self') is "s tart"
137 PASS element.style.justifySelf is "auto"
138 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-self') is "c enter"
139
140 Check out how the 'legacy' keyword affects the 'slotted' elements while 'slot' i s not assigned.
141 PASS element.style.justifyItems is "auto"
142 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "nor mal"
143 PASS element.style.justifyItems is "right"
144 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " right"
145 PASS element.style.justifyItems is "legacy center"
146 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " legacy center"
147 PASS element.style.justifyItems is "auto"
148 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "leg acy center"
149 PASS element.style.justifyItems is "auto"
150 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-items') is " legacy center"
151 PASS element.style.justifySelf is "auto"
152 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-self') is "c enter"
153 PASS element.style.justifyItems is "auto"
154 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " legacy center"
155 PASS element.style.justifyItems is "auto"
156 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-items') is " legacy center"
157 PASS element.style.justifySelf is "auto"
158 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-self') is "c enter"
159
160 The 'slotted' element uses the 'slot' element's parent (Shadow Node) after the ' slot' is assigned.
161 PASS element.style.alignItems is "left"
162 PASS window.getComputedStyle(slotted, '').getPropertyValue('align-items') is "le ft"
163 PASS element.style.alignItems is ""
164 PASS window.getComputedStyle(slotted, '').getPropertyValue('align-items') is "no rmal"
165 PASS element.style.alignSelf is "start"
166 PASS window.getComputedStyle(slotted, '').getPropertyValue('align-self') is "sta rt"
167 PASS element.style.alignSelf is "auto"
168 PASS window.getComputedStyle(slotted, '').getPropertyValue('align-self') is "rig ht"
169 PASS element.style.justifyItems is "left"
170 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-items') is " left"
171 PASS element.style.justifyItems is ""
172 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-items') is " normal"
173 PASS element.style.justifySelf is "start"
174 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-self') is "s tart"
175 PASS element.style.justifySelf is "auto"
176 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-self') is "r ight"
177
178 Check out how the 'legacy' keyword affects the 'slotted' elements after the 'slo t' is assigned.
179 PASS element.style.justifyItems is "auto"
180 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "nor mal"
181 PASS element.style.justifyItems is "right"
182 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " right"
183 PASS element.style.justifyItems is "legacy center"
184 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " legacy center"
185 PASS element.style.justifyItems is "auto"
186 PASS window.getComputedStyle(host, '').getPropertyValue('justify-items') is "leg acy center"
187 PASS element.style.justifyItems is "auto"
188 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-items') is " normal"
189 PASS element.style.justifySelf is "auto"
190 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-self') is "r ight"
191 PASS element.style.justifyItems is "auto"
192 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " legacy center"
193 PASS element.style.justifyItems is "auto"
194 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-items') is " legacy center"
195 PASS element.style.justifySelf is "auto"
196 PASS window.getComputedStyle(slotted, '').getPropertyValue('justify-self') is "c enter"
197
198 The 'slot' element uses its parent inside the ShadowDOM tree to resolve the 'aut o' values .
199 PASS element.style.alignItems is "left"
200 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "le ft"
201 PASS element.style.alignItems is ""
202 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "no rmal"
203 PASS element.style.alignSelf is "left"
204 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "lef t"
205 PASS element.style.alignSelf is "auto"
206 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "rig ht"
207 PASS element.style.justifyItems is "left"
208 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " left"
209 PASS element.style.justifyItems is "auto"
210 PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is " normal"
211 PASS element.style.justifySelf is "left"
212 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "l eft"
213 PASS element.style.justifySelf is "auto"
214 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "r ight"
215 PASS successfullyParsed is true
216
217 TEST COMPLETE
218
OLDNEW
« third_party/WebKit/LayoutTests/fast/alignment/ensure-flexbox-compatibility-with-initial-values-expected.txt ('K') | « third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html ('k') | third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html » ('j') | third_party/WebKit/Source/core/css/resolver/StyleAdjuster.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698