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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/alignment/parse-align-content.html

Issue 2750843002: [css-align] Adapt content-alignment properties to the new baseline syntax (Closed)
Patch Set: Don't use raw pointers attributes on a GC managed class. Created 3 years, 9 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 | « no previous file | third_party/WebKit/LayoutTests/fast/alignment/parse-align-content-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 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style> 2 <style>
5 #alignContentAuto { 3 #alignContentAuto {
6 align-content: auto; 4 align-content: auto;
7 } 5 }
8 6
9 #alignContentBaseline { 7 #alignContentBaseline {
10 align-content: baseline; 8 align-content: baseline;
11 } 9 }
12 10
11 #alignContentFirstBaseline {
12 align-content: first baseline;
13 }
14
13 #alignContentLastBaseline { 15 #alignContentLastBaseline {
14 align-content: last-baseline; 16 align-content: last baseline;
15 } 17 }
16 18
17 #alignContentSpaceBetween { 19 #alignContentSpaceBetween {
18 align-content: space-between; 20 align-content: space-between;
19 } 21 }
20 22
21 #alignContentSpaceAround { 23 #alignContentSpaceAround {
22 align-content: space-around; 24 align-content: space-around;
23 } 25 }
24 26
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after
120 } 122 }
121 123
122 #alignContentRightSafeUnsafe { 124 #alignContentRightSafeUnsafe {
123 align-content: right safe unsafe; 125 align-content: right safe unsafe;
124 } 126 }
125 127
126 #alignContentCenterLeft { 128 #alignContentCenterLeft {
127 align-content: center left; 129 align-content: center left;
128 } 130 }
129 </style> 131 </style>
130 <script src="../../resources/js-test.js"></script> 132 <p>Test that setting and getting align-content works as expected</p>
131 </head>
132 <body>
133 <div id="alignContentAuto"></div> 133 <div id="alignContentAuto"></div>
134 <div id="alignContentBaseline"></div> 134 <div id="alignContentBaseline"></div>
135 <div id="alignContentFirstBaseline"></div>
135 <div id="alignContentLastBaseline"></div> 136 <div id="alignContentLastBaseline"></div>
136 <div id="alignContentSpaceBetween"></div> 137 <div id="alignContentSpaceBetween"></div>
137 <div id="alignContentSpaceAround"></div> 138 <div id="alignContentSpaceAround"></div>
138 <div id="alignContentSpaceEvenly"></div> 139 <div id="alignContentSpaceEvenly"></div>
139 <div id="alignContentStretch"></div> 140 <div id="alignContentStretch"></div>
140 <div id="alignContentSpaceBetweenSafe"></div>
141 <div id="alignContentSpaceAroundUnsafe"></div>
142 <div id="alignContentStretchUnsafe"></div>
143 <div id="alignContentStretchrue"></div>
144 <div id="alignContentStart"></div> 141 <div id="alignContentStart"></div>
145 <div id="alignContentEnd"></div> 142 <div id="alignContentEnd"></div>
146 <div id="alignContentCenter"></div> 143 <div id="alignContentCenter"></div>
147 <div id="alignContentLeft"></div> 144 <div id="alignContentLeft"></div>
148 <div id="alignContentRight"></div> 145 <div id="alignContentRight"></div>
149 <div id="alignContentFlexStart"></div> 146 <div id="alignContentFlexStart"></div>
150 <div id="alignContentFlexEnd"></div> 147 <div id="alignContentFlexEnd"></div>
151 <div id="alignContentEndUnsafe"></div> 148 <div id="alignContentEndUnsafe"></div>
152 <div id="alignContentCenterUnsafe"></div> 149 <div id="alignContentCenterUnsafe"></div>
153 <div id="alignContentRightSafe"></div> 150 <div id="alignContentRightSafe"></div>
154 <div id="alignContentLeftUnsafe"></div> 151 <div id="alignContentLeftUnsafe"></div>
155 <div id="alignContentFlexStartUnsafe"></div> 152 <div id="alignContentFlexStartUnsafe"></div>
156 <div id="alignContentFlexEndSafe"></div> 153 <div id="alignContentFlexEndSafe"></div>
157 <div id="alignContentSpaceBetweenLeft"></div> 154 <div id="alignContentSpaceBetweenLeft"></div>
158 <div id="alignContentSpaceAroundCenter"></div> 155 <div id="alignContentSpaceAroundCenter"></div>
159 <div id="alignContentSpaceEvenlyRight"></div> 156 <div id="alignContentSpaceEvenlyRight"></div>
160 <div id="alignContentStretchStartSafe"></div> 157 <div id="alignContentStretchStartSafe"></div>
161 <div id="alignContentSpaceAroundEndUnsafe"></div> 158 <div id="alignContentSpaceAroundEndUnsafe"></div>
162 <div id="alignContentSpaceEvenlyFlexStartSafe"></div> 159 <div id="alignContentSpaceEvenlyFlexStartSafe"></div>
163 160
164 <div id="alignContentSpaceBetweenSafe"></div> 161 <div id="alignContentSpaceBetweenSafe"></div>
165 <div id="alignContentSpaceBetweenStretch"></div> 162 <div id="alignContentSpaceBetweenStretch"></div>
166 <div id="alignContentSafe"></div> 163 <div id="alignContentSafe"></div>
167 <div id="alignContentRightSafeUnsafe"></div> 164 <div id="alignContentRightSafeUnsafe"></div>
168 <div id="alignContentCenterLeft"></div> 165 <div id="alignContentCenterLeft"></div>
169 166
170 <script src="resources/alignment-parsing-utils.js"></script> 167 <script src="../../resources/testharness.js"></script>
168 <script src="../../resources/testharnessreport.js"></script>
169 <script src="resources/alignment-parsing-utils-th.js"></script>
171 <script> 170 <script>
172 description('Test that setting and getting align-content works as expected'); 171 test(function() {
172 var alignContentAuto = document.getElementById("alignContentAuto");
173 checkValues(alignContentAuto, "alignContent", "align-content", "", "normal") ;
174 var alignContentBaseline = document.getElementById("alignContentBaseline");
175 checkValues(alignContentBaseline, "alignContent", "align-content", "", "base line");
176 var alignContentLastBaseline = document.getElementById("alignContentFirstBas eline");
177 checkValues(alignContentLastBaseline, "alignContent", "align-content", "", " baseline");
178 var alignContentLastBaseline = document.getElementById("alignContentLastBase line");
179 checkValues(alignContentLastBaseline, "alignContent", "align-content", "", " last baseline");
180 var alignContentSpaceBetween = document.getElementById("alignContentSpaceBet ween");
181 checkValues(alignContentSpaceBetween, "alignContent", "align-content", "", " space-between");
182 var alignContentSpaceAround = document.getElementById("alignContentSpaceArou nd");
183 checkValues(alignContentSpaceAround, "alignContent", "align-content", "", "s pace-around");
184 var alignContentSpaceEvenly = document.getElementById("alignContentSpaceEven ly");
185 checkValues(alignContentSpaceEvenly, "alignContent", "align-content", "", "s pace-evenly");
186 var alignContentStretch = document.getElementById("alignContentStretch");
187 checkValues(alignContentStretch, "alignContent", "align-content", "", "stret ch");
188 var alignContentStart = document.getElementById("alignContentStart");
189 checkValues(alignContentStart, "alignContent", "align-content", "", "start") ;
190 var alignContentEnd = document.getElementById("alignContentEnd");
191 checkValues(alignContentEnd, "alignContent", "align-content", "", "end");
192 var alignContentCenter = document.getElementById("alignContentCenter");
193 checkValues(alignContentCenter, "alignContent", "align-content", "", "center ");
194 var alignContentLeft = document.getElementById("alignContentLeft");
195 checkValues(alignContentLeft, "alignContent", "align-content", "", "left");
196 var alignContentRight = document.getElementById("alignContentRight");
197 checkValues(alignContentRight, "alignContent", "align-content", "", "right") ;
198 var alignContentFlexStart = document.getElementById("alignContentFlexStart") ;
199 checkValues(alignContentFlexStart, "alignContent", "align-content", "", "fle x-start");
200 var alignContentFlexEnd = document.getElementById("alignContentFlexEnd");
201 checkValues(alignContentFlexEnd, "alignContent", "align-content", "", "flex- end");
202 var alignContentEndUnsafe = document.getElementById("alignContentEndUnsafe") ;
203 checkValues(alignContentEndUnsafe, "alignContent", "align-content", "", "end unsafe");
204 var alignContentCenterUnsafe = document.getElementById("alignContentCenterUn safe");
205 checkValues(alignContentCenterUnsafe, "alignContent", "align-content", "", " center unsafe");
206 var alignContentRightSafe = document.getElementById("alignContentRightSafe") ;
207 checkValues(alignContentRightSafe, "alignContent", "align-content", "", "rig ht safe");
208 var alignContentLeftUnsafe = document.getElementById("alignContentLeftUnsafe ");
209 checkValues(alignContentLeftUnsafe, "alignContent", "align-content", "", "le ft unsafe");
210 var alignContentFlexStartUnsafe = document.getElementById("alignContentFlexS tartUnsafe");
211 checkValues(alignContentFlexStartUnsafe, "alignContent", "align-content", "" , "flex-start unsafe");
212 var alignContentFlexEndSafe = document.getElementById("alignContentFlexEndSa fe");
213 checkValues(alignContentFlexEndSafe, "alignContent", "align-content", "", "f lex-end safe");
214 var alignContentSpaceBetweenLeft = document.getElementById("alignContentSpac eBetweenLeft");
215 checkValues(alignContentSpaceBetweenLeft, "alignContent", "align-content", " ", "space-between left");
216 var alignContentSpaceAroundCenter = document.getElementById("alignContentSpa ceAroundCenter");
217 checkValues(alignContentSpaceAroundCenter, "alignContent", "align-content", "", "space-around center");
218 var alignContentSpaceEvenlyRight = document.getElementById("alignContentSpac eEvenlyRight");
219 checkValues(alignContentSpaceEvenlyRight, "alignContent", "align-content", " ", "space-evenly right");
220 var alignContentStretchStartSafe = document.getElementById("alignContentStre tchStartSafe");
221 checkValues(alignContentStretchStartSafe, "alignContent", "align-content", " ", "stretch start safe");
222 var alignContentSpaceAroundEndUnsafe = document.getElementById("alignContent SpaceAroundEndUnsafe");
223 checkValues(alignContentSpaceAroundEndUnsafe, "alignContent", "align-content ", "", "space-around end unsafe");
224 var alignContentSpaceEvenlyFlexStartSafe = document.getElementById("alignCon tentSpaceEvenlyFlexStartSafe");
225 checkValues(alignContentSpaceEvenlyFlexStartSafe, "alignContent", "align-con tent", "", "space-evenly flex-start safe");
226 }, "Test getting align-content values previously set through CSS.");
173 227
174 debug("Test getting align-content set through CSS"); 228 test(function() {
175 var alignContentAuto = document.getElementById("alignContentAuto"); 229 var alignContentSpaceBetweenSafe = document.getElementById("alignContentSpac eBetweenSafe");
176 shouldBeEqualToString("getComputedStyle(alignContentAuto, '').getPropertyValue(' align-content')", "normal"); 230 checkValues(alignContentSpaceBetweenSafe, "alignContent", "align-content", " ", "normal");
231 var alignContentSpaceBetweenStretch = document.getElementById("alignContentS paceBetweenStretch");
232 checkValues(alignContentSpaceBetweenStretch, "alignContent", "align-content" , "", "normal");
233 var alignContentSafe = document.getElementById("alignContentSafe");
234 checkValues(alignContentSafe, "alignContent", "align-content", "", "normal") ;
235 var alignContentRightSafeUnsafe = document.getElementById("alignContentRight SafeUnsafe");
236 checkValues(alignContentRightSafeUnsafe, "alignContent", "align-content", "" , "normal");
237 var alignContentCenterLeft = document.getElementById("alignContentCenterLeft ");
238 checkValues(alignContentCenterLeft, "alignContent", "align-content", "", "no rmal");
239 }, "Test setting invalid values to align-content through CSS.");
177 240
178 var alignContentBaseline = document.getElementById("alignContentBaseline"); 241 test(function() {
179 shouldBeEqualToString("getComputedStyle(alignContentBaseline, '').getPropertyVal ue('align-content')", "baseline"); 242 element = document.createElement("div");
243 document.body.appendChild(element);
244 checkValues(element, "alignContent", "align-content", "", "normal");
245 }, "Test initial value of align-content through JS");
180 246
181 var alignContentLastBaseline = document.getElementById("alignContentLastBaseline "); 247 test(function() {
182 shouldBeEqualToString("getComputedStyle(alignContentLastBaseline, '').getPropert yValue('align-content')", "last-baseline"); 248 element = document.createElement("div");
249 document.body.appendChild(element);
250 element.style.alignContent = "center";
251 checkValues(element, "alignContent", "align-content", "center", "center");
183 252
184 var alignContentSpaceBetween = document.getElementById("alignContentSpaceBetween "); 253 element.style.alignContent = "unsafe start";
185 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetween, '').getPropert yValue('align-content')", "space-between"); 254 checkValues(element, "alignContent", "align-content", "start unsafe", "star t unsafe");
186 255
187 var alignContentSpaceAround = document.getElementById("alignContentSpaceAround") ; 256 element.style.alignContent = "flex-end safe";
188 shouldBeEqualToString("getComputedStyle(alignContentSpaceAround, '').getProperty Value('align-content')", "space-around"); 257 checkValues(element, "alignContent", "align-content", "flex-end safe", "fle x-end safe");
189 258
190 var alignContentSpaceEvenly = document.getElementById("alignContentSpaceEvenly") ; 259 element.style.alignContent = "space-between right safe";
191 shouldBeEqualToString("getComputedStyle(alignContentSpaceEvenly, '').getProperty Value('align-content')", "space-evenly"); 260 checkValues(element, "alignContent", "align-content", "space-between right safe", "space-between right safe");
192 261
193 var alignContentStretch = document.getElementById("alignContentStretch"); 262 element.style.alignContent = "stretch center";
194 shouldBeEqualToString("getComputedStyle(alignContentStretch, '').getPropertyValu e('align-content')", "stretch"); 263 checkValues(element, "alignContent", "align-content", "stretch center", "st retch center");
195 264
196 var alignContentStart = document.getElementById("alignContentStart"); 265 element.style.alignContent = "right unsafe";
197 shouldBeEqualToString("getComputedStyle(alignContentStart, '').getPropertyValue( 'align-content')", "start"); 266 checkValues(element, "alignContent", "align-content", "right unsafe", "righ t unsafe");
198 267
199 var alignContentEnd = document.getElementById("alignContentEnd"); 268 element.style.justifyContent = "first baseline";
200 shouldBeEqualToString("getComputedStyle(alignContentEnd, '').getPropertyValue('a lign-content')", "end"); 269 checkValues(element, "justifyContent", "justify-content", "first baseline", "baseline");
201 270
202 var alignContentCenter = document.getElementById("alignContentCenter"); 271 element.style.justifyContent = "last baseline";
203 shouldBeEqualToString("getComputedStyle(alignContentCenter, '').getPropertyValue ('align-content')", "center"); 272 checkValues(element, "justifyContent", "justify-content", "last baseline", "last baseline");
204 273
205 var alignContentLeft = document.getElementById("alignContentLeft"); 274 element.style.alignContent = "normal";
206 shouldBeEqualToString("getComputedStyle(alignContentLeft, '').getPropertyValue(' align-content')", "left"); 275 checkValues(element, "alignContent", "align-content", "normal", "normal");
207 276
208 var alignContentRight = document.getElementById("alignContentRight"); 277 element.style.display = "flex";
209 shouldBeEqualToString("getComputedStyle(alignContentRight, '').getPropertyValue( 'align-content')", "right"); 278 element.style.alignContent = "normal";
279 checkValues(element, "alignContent", "align-content", "normal", "normal");
210 280
211 var alignContentFlexStart = document.getElementById("alignContentFlexStart"); 281 element.style.display = "grid";
212 shouldBeEqualToString("getComputedStyle(alignContentFlexStart, '').getPropertyVa lue('align-content')", "flex-start"); 282 element.style.alignContent = "normal";
283 checkValues(element, "alignContent", "align-content", "normal", "normal");
213 284
214 var alignContentFlexEnd = document.getElementById("alignContentFlexEnd"); 285 element.style.alignContent = "flex-end";
215 shouldBeEqualToString("getComputedStyle(alignContentFlexEnd, '').getPropertyValu e('align-content')", "flex-end"); 286 checkValues(element, "alignContent", "align-content", "flex-end", "flex-end ");
287 }, "Test getting and setting align-content through JS");
216 288
217 var alignContentEndUnsafe = document.getElementById("alignContentEndUnsafe"); 289 test(function() {
218 shouldBeEqualToString("getComputedStyle(alignContentEndUnsafe, '').getPropertyVa lue('align-content')", "end unsafe"); 290 element = document.createElement("div");
291 document.body.appendChild(element);
219 292
220 var alignContentCenterUnsafe = document.getElementById("alignContentCenterUnsafe "); 293 checkBadValues(element, "alignContent", "align-content", "");
221 shouldBeEqualToString("getComputedStyle(alignContentCenterUnsafe, '').getPropert yValue('align-content')", "center unsafe"); 294 checkBadValues(element, "alignContent", "align-content", "auto");
295 checkBadValues(element, "alignContent", "align-content", "unsafe auto");
296 checkBadValues(element, "alignContent", "align-content", "auto safe");
297 checkBadValues(element, "alignContent", "align-content", "auto left");
298 checkBadValues(element, "alignContent", "align-content", "baseline safe");
299 checkBadValues(element, "alignContent", "align-content", "last-baseline cen ter");
300 checkBadValues(element, "alignContent", "align-content", "unsafe unsafe");
301 checkBadValues(element, "alignContent", "align-content", "unsafe safe");
302 checkBadValues(element, "alignContent", "align-content", "center start");
303 checkBadValues(element, "alignContent", "align-content", "baseline safe");
304 checkBadValues(element, "alignContent", "align-content", "unsafe baseline") ;
305 checkBadValues(element, "alignContent", "align-content", "unsafe safe left" );
306 checkBadValues(element, "alignContent", "align-content", "unsafe left safe" );
307 checkBadValues(element, "alignContent", "align-content", "left safe unsafe safe");
308 checkBadValues(element, "alignContent", "align-content", "start right space -between");
309 checkBadValues(element, "alignContent", "align-content", "safe stretch");
310 checkBadValues(element, "alignContent", "align-content", "normal space-betw een");
311 checkBadValues(element, "alignContent", "align-content", "stretch normal");
312 checkBadValues(element, "alignContent", "align-content", "normal safe");
313 checkBadValues(element, "alignContent", "align-content", "space-around stre tch");
314 checkBadValues(element, "alignContent", "align-content", "end space-between start");
315 checkBadValues(element, "alignContent", "align-content", "right safe left") ;
316 checkBadValues(element, "alignContent", "align-content", "unsafe");
317 checkBadValues(element, "alignContent", "align-content", "safe");
318 }, "Test bad combinations of align-content");
222 319
223 var alignContentRightSafe = document.getElementById("alignContentRightSafe"); 320 test(function() {
224 shouldBeEqualToString("getComputedStyle(alignContentRightSafe, '').getPropertyVa lue('align-content')", "right safe"); 321 element.style.display = "";
322 checkInitialValues(element, "alignContent", "align-content", "center", "norm al");
323 }, "Test the value 'initial'");
225 324
226 var alignContentLeftUnsafe = document.getElementById("alignContentLeftUnsafe"); 325 test(function() {
227 shouldBeEqualToString("getComputedStyle(alignContentLeftUnsafe, '').getPropertyV alue('align-content')", "left unsafe"); 326 element.style.display = "grid";
327 checkInitialValues(element, "alignContent", "align-content", "left safe", "n ormal");
328 }, "Test the value 'initial' for grid containers");
228 329
229 var alignContentFlexStartUnsafe = document.getElementById("alignContentFlexStart Unsafe"); 330 test(function() {
230 shouldBeEqualToString("getComputedStyle(alignContentFlexStartUnsafe, '').getProp ertyValue('align-content')", "flex-start unsafe"); 331 element.style.display = "flex";
332 checkInitialValues(element, "alignContent", "align-content", "right unsafe", "normal");
333 }, "Test the value 'initial' for flex containers");
231 334
232 var alignContentFlexEndSafe = document.getElementById("alignContentFlexEndSafe") ; 335 test(function() {
233 shouldBeEqualToString("getComputedStyle(alignContentFlexEndSafe, '').getProperty Value('align-content')", "flex-end safe"); 336 checkInheritValues("alignContent", "align-content", "end");
234 337 checkInheritValues("alignContent", "align-content", "left safe");
235 var alignContentSpaceBetweenLeft = document.getElementById("alignContentSpaceBet weenLeft"); 338 checkInheritValues("alignContent", "align-content", "center unsafe");
236 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenLeft, '').getPro pertyValue('align-content')", "space-between left"); 339 }, "Test the value 'inherit'");
237
238 var alignContentSpaceAroundCenter = document.getElementById("alignContentSpaceAr oundCenter");
239 shouldBeEqualToString("getComputedStyle(alignContentSpaceAroundCenter, '').getPr opertyValue('align-content')", "space-around center");
240
241 var alignContentSpaceEvenlyRight = document.getElementById("alignContentSpaceEve nlyRight");
242 shouldBeEqualToString("getComputedStyle(alignContentSpaceEvenlyRight, '').getPro pertyValue('align-content')", "space-evenly right");
243
244 var alignContentStretchStartSafe = document.getElementById("alignContentStretchS tartSafe");
245 shouldBeEqualToString("getComputedStyle(alignContentStretchStartSafe, '').getPro pertyValue('align-content')", "stretch start safe");
246
247 var alignContentSpaceAroundEndUnsafe = document.getElementById("alignContentSpac eAroundEndUnsafe");
248 shouldBeEqualToString("getComputedStyle(alignContentSpaceAroundEndUnsafe, '').ge tPropertyValue('align-content')", "space-around end unsafe");
249
250 var alignContentSpaceEvenlyFlexStartSafe = document.getElementById("alignContent SpaceEvenlyFlexStartSafe");
251 shouldBeEqualToString("getComputedStyle(alignContentSpaceEvenlyFlexStartSafe, '' ).getPropertyValue('align-content')", "space-evenly flex-start safe");
252
253 var alignContentSpaceBetweenSafe = document.getElementById("alignContentSpaceBet weenSafe");
254 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenSafe, '').getPro pertyValue('align-content')", "normal");
255
256 var alignContentSpaceAroundUnsafe = document.getElementById("alignContentSpaceBe tweenStretch");
257 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenStretch, '').get PropertyValue('align-content')", "normal");
258
259 var alignContentSpaceAroundUnsafe = document.getElementById("alignContentSafe");
260 shouldBeEqualToString("getComputedStyle(alignContentSafe, '').getPropertyValue(' align-content')", "normal");
261
262 var alignContentSpaceAroundUnsafe = document.getElementById("alignContentRightSa feUnsafe");
263 shouldBeEqualToString("getComputedStyle(alignContentRightSafeUnsafe, '').getProp ertyValue('align-content')", "normal");
264
265 var alignContentSpaceAroundUnsafe = document.getElementById("alignContentCenterL eft");
266 shouldBeEqualToString("getComputedStyle(alignContentCenterLeft, '').getPropertyV alue('align-content')", "normal");
267
268 debug("");
269 debug("Test initial value of align-content through JS");
270 element = document.createElement("div");
271 document.body.appendChild(element);
272 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('align-con tent')", "normal");
273
274 debug("");
275 debug("Test getting and setting align-content through JS");
276 element = document.createElement("div");
277 document.body.appendChild(element);
278 element.style.alignContent = "center";
279 checkValues(element, "alignContent", "align-content", "center", "center");
280
281 element.style.alignContent = "unsafe start";
282 checkValues(element, "alignContent", "align-content", "start unsafe", "start un safe");
283
284 element.style.alignContent = "flex-end safe";
285 checkValues(element, "alignContent", "align-content", "flex-end safe", "flex-en d safe");
286
287 element.style.alignContent = "space-between right safe";
288 checkValues(element, "alignContent", "align-content", "space-between right safe ", "space-between right safe");
289
290 element.style.alignContent = "stretch center";
291 checkValues(element, "alignContent", "align-content", "stretch center", "stretc h center");
292
293 element.style.alignContent = "right unsafe";
294 checkValues(element, "alignContent", "align-content", "right unsafe", "right un safe");
295
296 element.style.alignContent = "normal";
297 checkValues(element, "alignContent", "align-content", "normal", "normal");
298
299 element.style.display = "flex";
300 element.style.alignContent = "normal";
301 checkValues(element, "alignContent", "align-content", "normal", "normal");
302
303 element.style.display = "grid";
304 element.style.alignContent = "normal";
305 checkValues(element, "alignContent", "align-content", "normal", "normal");
306
307 element.style.alignContent = "flex-end";
308 checkValues(element, "alignContent", "align-content", "flex-end", "flex-end");
309
310 debug("");
311 debug("Test bad combinations of align-content");
312 element = document.createElement("div");
313 document.body.appendChild(element);
314
315 checkBadValues(element, "alignContent", "align-content", "");
316 checkBadValues(element, "alignContent", "align-content", "auto");
317 checkBadValues(element, "alignContent", "align-content", "unsafe auto");
318 checkBadValues(element, "alignContent", "align-content", "auto safe");
319 checkBadValues(element, "alignContent", "align-content", "auto left");
320 checkBadValues(element, "alignContent", "align-content", "baseline safe");
321 checkBadValues(element, "alignContent", "align-content", "last baseline center" );
322 checkBadValues(element, "alignContent", "align-content", "unsafe unsafe");
323 checkBadValues(element, "alignContent", "align-content", "unsafe safe");
324 checkBadValues(element, "alignContent", "align-content", "center start");
325 checkBadValues(element, "alignContent", "align-content", "baseline safe");
326 checkBadValues(element, "alignContent", "align-content", "unsafe baseline");
327 checkBadValues(element, "alignContent", "align-content", "unsafe safe left");
328 checkBadValues(element, "alignContent", "align-content", "unsafe left safe");
329 checkBadValues(element, "alignContent", "align-content", "left safe unsafe safe ");
330 checkBadValues(element, "alignContent", "align-content", "start right space-bet ween");
331 checkBadValues(element, "alignContent", "align-content", "safe stretch");
332 checkBadValues(element, "alignContent", "align-content", "space-around stretch" );
333 checkBadValues(element, "alignContent", "align-content", "end space-between sta rt");
334 checkBadValues(element, "alignContent", "align-content", "right safe left");
335 checkBadValues(element, "alignContent", "align-content", "unsafe");
336 checkBadValues(element, "alignContent", "align-content", "safe");
337
338 debug("");
339 debug("Test the value 'initial'");
340 element.style.display = "";
341 checkInitialValues(element, "alignContent", "align-content", "stretch center", " normal");
342
343 debug("");
344 debug("Test the value 'initial' for grid containers");
345 element.style.display = "grid";
346 checkInitialValues(element, "alignContent", "align-content", "space-between left ", "normal");
347
348 debug("");
349 debug("Test the value 'initial' for flex containers");
350 element.style.display = "flex";
351 checkInitialValues(element, "alignContent", "align-content", "right unsafe", "no rmal");
352
353 debug("");
354 debug("Test the value 'inherit'");
355 checkInheritValues("alignContent", "align-content", "end");
356 checkInheritValues("alignContent", "align-content", "left safe");
357 checkInheritValues("alignContent", "align-content", "stretch center");
358
359 </script> 340 </script>
360 </body>
361 </html>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/alignment/parse-align-content-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698