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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1497403002: [css-align] Overflow alignment value 'true' renamed to 'unsafe' (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fixed repaint tests issues. Created 5 years 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/fast/alignment/overwrite-self-alignment-expected.txt ('k') | 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> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 #alignContentAuto { 5 #alignContentAuto {
6 align-content: auto; 6 align-content: auto;
7 } 7 }
8 8
9 #alignContentBaseline { 9 #alignContentBaseline {
10 align-content: baseline; 10 align-content: baseline;
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
51 } 51 }
52 52
53 #alignContentFlexStart { 53 #alignContentFlexStart {
54 align-content: flex-start; 54 align-content: flex-start;
55 } 55 }
56 56
57 #alignContentFlexEnd { 57 #alignContentFlexEnd {
58 align-content: flex-end; 58 align-content: flex-end;
59 } 59 }
60 60
61 #alignContentEndTrue { 61 #alignContentEndUnsafe {
62 align-content: end true; 62 align-content: end unsafe;
63 } 63 }
64 64
65 #alignContentCenterTrue { 65 #alignContentCenterUnsafe {
66 align-content: center true; 66 align-content: center unsafe;
67 } 67 }
68 68
69 #alignContentRightSafe { 69 #alignContentRightSafe {
70 align-content: right safe; 70 align-content: right safe;
71 } 71 }
72 72
73 #alignContentLeftTrue { 73 #alignContentLeftUnsafe {
74 align-content: left true; 74 align-content: left unsafe;
75 } 75 }
76 76
77 #alignContentFlexStartTrue { 77 #alignContentFlexStartUnsafe {
78 align-content: flex-start true; 78 align-content: flex-start unsafe;
79 } 79 }
80 80
81 #alignContentFlexEndSafe { 81 #alignContentFlexEndSafe {
82 align-content: flex-end safe; 82 align-content: flex-end safe;
83 } 83 }
84 84
85 #alignContentSpaceBetweenLeft { 85 #alignContentSpaceBetweenLeft {
86 align-content: space-between left; 86 align-content: space-between left;
87 } 87 }
88 88
89 #alignContentSpaceAroundCenter { 89 #alignContentSpaceAroundCenter {
90 align-content: space-around center; 90 align-content: space-around center;
91 } 91 }
92 92
93 #alignContentSpaceEvenlyRight { 93 #alignContentSpaceEvenlyRight {
94 align-content: space-evenly right; 94 align-content: space-evenly right;
95 } 95 }
96 96
97 #alignContentStretchStartSafe { 97 #alignContentStretchStartSafe {
98 align-content: stretch start safe; 98 align-content: stretch start safe;
99 } 99 }
100 100
101 #alignContentSpaceAroundEndTrue { 101 #alignContentSpaceAroundEndUnsafe {
102 align-content: space-around end true; 102 align-content: space-around end unsafe;
103 } 103 }
104 104
105 #alignContentSpaceEvenlyFlexStartSafe { 105 #alignContentSpaceEvenlyFlexStartSafe {
106 align-content: space-evenly flex-start safe; 106 align-content: space-evenly flex-start safe;
107 } 107 }
108 108
109 <!-- Invalid CSS cases --> 109 <!-- Invalid CSS cases -->
110 #alignContentSpaceBetweenSafe { 110 #alignContentSpaceBetweenSafe {
111 align-content: space-between safe; 111 align-content: space-between safe;
112 } 112 }
113 113
114 #alignContentSpaceBetweenStretch { 114 #alignContentSpaceBetweenStretch {
115 align-content: space-between stretch; 115 align-content: space-between stretch;
116 } 116 }
117 117
118 #alignContentSafe { 118 #alignContentSafe {
119 align-content: safe; 119 align-content: safe;
120 } 120 }
121 121
122 #alignContentRightSafeTrue { 122 #alignContentRightSafeUnsafe {
123 align-content: right safe true; 123 align-content: right safe unsafe;
124 } 124 }
125 125
126 #alignContentCenterLeft { 126 #alignContentCenterLeft {
127 align-content: center left; 127 align-content: center left;
128 } 128 }
129 </style> 129 </style>
130 <script src="../../resources/js-test.js"></script> 130 <script src="../../resources/js-test.js"></script>
131 </head> 131 </head>
132 <body> 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="alignContentLastBaseline"></div> 135 <div id="alignContentLastBaseline"></div>
136 <div id="alignContentSpaceBetween"></div> 136 <div id="alignContentSpaceBetween"></div>
137 <div id="alignContentSpaceAround"></div> 137 <div id="alignContentSpaceAround"></div>
138 <div id="alignContentSpaceEvenly"></div> 138 <div id="alignContentSpaceEvenly"></div>
139 <div id="alignContentStretch"></div> 139 <div id="alignContentStretch"></div>
140 <div id="alignContentSpaceBetweenSafe"></div> 140 <div id="alignContentSpaceBetweenSafe"></div>
141 <div id="alignContentSpaceAroundTrue"></div> 141 <div id="alignContentSpaceAroundUnsafe"></div>
142 <div id="alignContentStretchTrue"></div> 142 <div id="alignContentStretchUnsafe"></div>
143 <div id="alignContentStretchrue"></div> 143 <div id="alignContentStretchrue"></div>
144 <div id="alignContentStart"></div> 144 <div id="alignContentStart"></div>
145 <div id="alignContentEnd"></div> 145 <div id="alignContentEnd"></div>
146 <div id="alignContentCenter"></div> 146 <div id="alignContentCenter"></div>
147 <div id="alignContentLeft"></div> 147 <div id="alignContentLeft"></div>
148 <div id="alignContentRight"></div> 148 <div id="alignContentRight"></div>
149 <div id="alignContentFlexStart"></div> 149 <div id="alignContentFlexStart"></div>
150 <div id="alignContentFlexEnd"></div> 150 <div id="alignContentFlexEnd"></div>
151 <div id="alignContentEndTrue"></div> 151 <div id="alignContentEndUnsafe"></div>
152 <div id="alignContentCenterTrue"></div> 152 <div id="alignContentCenterUnsafe"></div>
153 <div id="alignContentRightSafe"></div> 153 <div id="alignContentRightSafe"></div>
154 <div id="alignContentLeftTrue"></div> 154 <div id="alignContentLeftUnsafe"></div>
155 <div id="alignContentFlexStartTrue"></div> 155 <div id="alignContentFlexStartUnsafe"></div>
156 <div id="alignContentFlexEndSafe"></div> 156 <div id="alignContentFlexEndSafe"></div>
157 <div id="alignContentSpaceBetweenLeft"></div> 157 <div id="alignContentSpaceBetweenLeft"></div>
158 <div id="alignContentSpaceAroundCenter"></div> 158 <div id="alignContentSpaceAroundCenter"></div>
159 <div id="alignContentSpaceEvenlyRight"></div> 159 <div id="alignContentSpaceEvenlyRight"></div>
160 <div id="alignContentStretchStartSafe"></div> 160 <div id="alignContentStretchStartSafe"></div>
161 <div id="alignContentSpaceAroundEndTrue"></div> 161 <div id="alignContentSpaceAroundEndUnsafe"></div>
162 <div id="alignContentSpaceEvenlyFlexStartSafe"></div> 162 <div id="alignContentSpaceEvenlyFlexStartSafe"></div>
163 163
164 <div id="alignContentSpaceBetweenSafe"></div> 164 <div id="alignContentSpaceBetweenSafe"></div>
165 <div id="alignContentSpaceBetweenStretch"></div> 165 <div id="alignContentSpaceBetweenStretch"></div>
166 <div id="alignContentSafe"></div> 166 <div id="alignContentSafe"></div>
167 <div id="alignContentRightSafeTrue"></div> 167 <div id="alignContentRightSafeUnsafe"></div>
168 <div id="alignContentCenterLeft"></div> 168 <div id="alignContentCenterLeft"></div>
169 169
170 <script src="resources/alignment-parsing-utils.js"></script> 170 <script src="resources/alignment-parsing-utils.js"></script>
171 <script> 171 <script>
172 description('Test that setting and getting align-content works as expected'); 172 description('Test that setting and getting align-content works as expected');
173 173
174 debug("Test getting align-content set through CSS"); 174 debug("Test getting align-content set through CSS");
175 var alignContentAuto = document.getElementById("alignContentAuto"); 175 var alignContentAuto = document.getElementById("alignContentAuto");
176 shouldBeEqualToString("getComputedStyle(alignContentAuto, '').getPropertyValue(' align-content')", "start"); 176 shouldBeEqualToString("getComputedStyle(alignContentAuto, '').getPropertyValue(' align-content')", "start");
177 177
(...skipping 29 matching lines...) Expand all
207 207
208 var alignContentRight = document.getElementById("alignContentRight"); 208 var alignContentRight = document.getElementById("alignContentRight");
209 shouldBeEqualToString("getComputedStyle(alignContentRight, '').getPropertyValue( 'align-content')", "right"); 209 shouldBeEqualToString("getComputedStyle(alignContentRight, '').getPropertyValue( 'align-content')", "right");
210 210
211 var alignContentFlexStart = document.getElementById("alignContentFlexStart"); 211 var alignContentFlexStart = document.getElementById("alignContentFlexStart");
212 shouldBeEqualToString("getComputedStyle(alignContentFlexStart, '').getPropertyVa lue('align-content')", "flex-start"); 212 shouldBeEqualToString("getComputedStyle(alignContentFlexStart, '').getPropertyVa lue('align-content')", "flex-start");
213 213
214 var alignContentFlexEnd = document.getElementById("alignContentFlexEnd"); 214 var alignContentFlexEnd = document.getElementById("alignContentFlexEnd");
215 shouldBeEqualToString("getComputedStyle(alignContentFlexEnd, '').getPropertyValu e('align-content')", "flex-end"); 215 shouldBeEqualToString("getComputedStyle(alignContentFlexEnd, '').getPropertyValu e('align-content')", "flex-end");
216 216
217 var alignContentEndTrue = document.getElementById("alignContentEndTrue"); 217 var alignContentEndUnsafe = document.getElementById("alignContentEndUnsafe");
218 shouldBeEqualToString("getComputedStyle(alignContentEndTrue, '').getPropertyValu e('align-content')", "end true"); 218 shouldBeEqualToString("getComputedStyle(alignContentEndUnsafe, '').getPropertyVa lue('align-content')", "end unsafe");
219 219
220 var alignContentCenterTrue = document.getElementById("alignContentCenterTrue"); 220 var alignContentCenterUnsafe = document.getElementById("alignContentCenterUnsafe ");
221 shouldBeEqualToString("getComputedStyle(alignContentCenterTrue, '').getPropertyV alue('align-content')", "center true"); 221 shouldBeEqualToString("getComputedStyle(alignContentCenterUnsafe, '').getPropert yValue('align-content')", "center unsafe");
222 222
223 var alignContentRightSafe = document.getElementById("alignContentRightSafe"); 223 var alignContentRightSafe = document.getElementById("alignContentRightSafe");
224 shouldBeEqualToString("getComputedStyle(alignContentRightSafe, '').getPropertyVa lue('align-content')", "right safe"); 224 shouldBeEqualToString("getComputedStyle(alignContentRightSafe, '').getPropertyVa lue('align-content')", "right safe");
225 225
226 var alignContentLeftTrue = document.getElementById("alignContentLeftTrue"); 226 var alignContentLeftUnsafe = document.getElementById("alignContentLeftUnsafe");
227 shouldBeEqualToString("getComputedStyle(alignContentLeftTrue, '').getPropertyVal ue('align-content')", "left true"); 227 shouldBeEqualToString("getComputedStyle(alignContentLeftUnsafe, '').getPropertyV alue('align-content')", "left unsafe");
228 228
229 var alignContentFlexStartTrue = document.getElementById("alignContentFlexStartTr ue"); 229 var alignContentFlexStartUnsafe = document.getElementById("alignContentFlexStart Unsafe");
230 shouldBeEqualToString("getComputedStyle(alignContentFlexStartTrue, '').getProper tyValue('align-content')", "flex-start true"); 230 shouldBeEqualToString("getComputedStyle(alignContentFlexStartUnsafe, '').getProp ertyValue('align-content')", "flex-start unsafe");
231 231
232 var alignContentFlexEndSafe = document.getElementById("alignContentFlexEndSafe") ; 232 var alignContentFlexEndSafe = document.getElementById("alignContentFlexEndSafe") ;
233 shouldBeEqualToString("getComputedStyle(alignContentFlexEndSafe, '').getProperty Value('align-content')", "flex-end safe"); 233 shouldBeEqualToString("getComputedStyle(alignContentFlexEndSafe, '').getProperty Value('align-content')", "flex-end safe");
234 234
235 var alignContentSpaceBetweenLeft = document.getElementById("alignContentSpaceBet weenLeft"); 235 var alignContentSpaceBetweenLeft = document.getElementById("alignContentSpaceBet weenLeft");
236 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenLeft, '').getPro pertyValue('align-content')", "space-between left"); 236 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenLeft, '').getPro pertyValue('align-content')", "space-between left");
237 237
238 var alignContentSpaceAroundCenter = document.getElementById("alignContentSpaceAr oundCenter"); 238 var alignContentSpaceAroundCenter = document.getElementById("alignContentSpaceAr oundCenter");
239 shouldBeEqualToString("getComputedStyle(alignContentSpaceAroundCenter, '').getPr opertyValue('align-content')", "space-around center"); 239 shouldBeEqualToString("getComputedStyle(alignContentSpaceAroundCenter, '').getPr opertyValue('align-content')", "space-around center");
240 240
241 var alignContentSpaceEvenlyRight = document.getElementById("alignContentSpaceEve nlyRight"); 241 var alignContentSpaceEvenlyRight = document.getElementById("alignContentSpaceEve nlyRight");
242 shouldBeEqualToString("getComputedStyle(alignContentSpaceEvenlyRight, '').getPro pertyValue('align-content')", "space-evenly right"); 242 shouldBeEqualToString("getComputedStyle(alignContentSpaceEvenlyRight, '').getPro pertyValue('align-content')", "space-evenly right");
243 243
244 var alignContentStretchStartSafe = document.getElementById("alignContentStretchS tartSafe"); 244 var alignContentStretchStartSafe = document.getElementById("alignContentStretchS tartSafe");
245 shouldBeEqualToString("getComputedStyle(alignContentStretchStartSafe, '').getPro pertyValue('align-content')", "stretch start safe"); 245 shouldBeEqualToString("getComputedStyle(alignContentStretchStartSafe, '').getPro pertyValue('align-content')", "stretch start safe");
246 246
247 var alignContentSpaceAroundEndTrue = document.getElementById("alignContentSpaceA roundEndTrue"); 247 var alignContentSpaceAroundEndUnsafe = document.getElementById("alignContentSpac eAroundEndUnsafe");
248 shouldBeEqualToString("getComputedStyle(alignContentSpaceAroundEndTrue, '').getP ropertyValue('align-content')", "space-around end true"); 248 shouldBeEqualToString("getComputedStyle(alignContentSpaceAroundEndUnsafe, '').ge tPropertyValue('align-content')", "space-around end unsafe");
249 249
250 var alignContentSpaceEvenlyFlexStartSafe = document.getElementById("alignContent SpaceEvenlyFlexStartSafe"); 250 var alignContentSpaceEvenlyFlexStartSafe = document.getElementById("alignContent SpaceEvenlyFlexStartSafe");
251 shouldBeEqualToString("getComputedStyle(alignContentSpaceEvenlyFlexStartSafe, '' ).getPropertyValue('align-content')", "space-evenly flex-start safe"); 251 shouldBeEqualToString("getComputedStyle(alignContentSpaceEvenlyFlexStartSafe, '' ).getPropertyValue('align-content')", "space-evenly flex-start safe");
252 252
253 var alignContentSpaceBetweenSafe = document.getElementById("alignContentSpaceBet weenSafe"); 253 var alignContentSpaceBetweenSafe = document.getElementById("alignContentSpaceBet weenSafe");
254 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenSafe, '').getPro pertyValue('align-content')", "start"); 254 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenSafe, '').getPro pertyValue('align-content')", "start");
255 255
256 var alignContentSpaceAroundTrue = document.getElementById("alignContentSpaceBetw eenStretch"); 256 var alignContentSpaceAroundUnsafe = document.getElementById("alignContentSpaceBe tweenStretch");
257 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenStretch, '').get PropertyValue('align-content')", "start"); 257 shouldBeEqualToString("getComputedStyle(alignContentSpaceBetweenStretch, '').get PropertyValue('align-content')", "start");
258 258
259 var alignContentSpaceAroundTrue = document.getElementById("alignContentSafe"); 259 var alignContentSpaceAroundUnsafe = document.getElementById("alignContentSafe");
260 shouldBeEqualToString("getComputedStyle(alignContentSafe, '').getPropertyValue(' align-content')", "start"); 260 shouldBeEqualToString("getComputedStyle(alignContentSafe, '').getPropertyValue(' align-content')", "start");
261 261
262 var alignContentSpaceAroundTrue = document.getElementById("alignContentRightSafe True"); 262 var alignContentSpaceAroundUnsafe = document.getElementById("alignContentRightSa feUnsafe");
263 shouldBeEqualToString("getComputedStyle(alignContentRightSafeTrue, '').getProper tyValue('align-content')", "start"); 263 shouldBeEqualToString("getComputedStyle(alignContentRightSafeUnsafe, '').getProp ertyValue('align-content')", "start");
264 264
265 var alignContentSpaceAroundTrue = document.getElementById("alignContentCenterLef t"); 265 var alignContentSpaceAroundUnsafe = document.getElementById("alignContentCenterL eft");
266 shouldBeEqualToString("getComputedStyle(alignContentCenterLeft, '').getPropertyV alue('align-content')", "start"); 266 shouldBeEqualToString("getComputedStyle(alignContentCenterLeft, '').getPropertyV alue('align-content')", "start");
267 267
268 debug(""); 268 debug("");
269 debug("Test initial value of align-content through JS"); 269 debug("Test initial value of align-content through JS");
270 element = document.createElement("div"); 270 element = document.createElement("div");
271 document.body.appendChild(element); 271 document.body.appendChild(element);
272 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('align-con tent')", "start"); 272 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('align-con tent')", "start");
273 273
274 debug(""); 274 debug("");
275 debug("Test getting and setting align-content through JS"); 275 debug("Test getting and setting align-content through JS");
276 element = document.createElement("div"); 276 element = document.createElement("div");
277 document.body.appendChild(element); 277 document.body.appendChild(element);
278 element.style.alignContent = "center"; 278 element.style.alignContent = "center";
279 checkValues(element, "alignContent", "align-content", "center", "center"); 279 checkValues(element, "alignContent", "align-content", "center", "center");
280 280
281 element.style.alignContent = "true start"; 281 element.style.alignContent = "unsafe start";
282 checkValues(element, "alignContent", "align-content", "start true", "start true "); 282 checkValues(element, "alignContent", "align-content", "start unsafe", "start un safe");
283 283
284 element.style.alignContent = "flex-end safe"; 284 element.style.alignContent = "flex-end safe";
285 checkValues(element, "alignContent", "align-content", "flex-end safe", "flex-en d safe"); 285 checkValues(element, "alignContent", "align-content", "flex-end safe", "flex-en d safe");
286 286
287 element.style.alignContent = "space-between right safe"; 287 element.style.alignContent = "space-between right safe";
288 checkValues(element, "alignContent", "align-content", "space-between right safe ", "space-between right safe"); 288 checkValues(element, "alignContent", "align-content", "space-between right safe ", "space-between right safe");
289 289
290 element.style.alignContent = "stretch center"; 290 element.style.alignContent = "stretch center";
291 checkValues(element, "alignContent", "align-content", "stretch center", "stretc h center"); 291 checkValues(element, "alignContent", "align-content", "stretch center", "stretc h center");
292 292
293 element.style.alignContent = "right true"; 293 element.style.alignContent = "right unsafe";
294 checkValues(element, "alignContent", "align-content", "right true", "right true "); 294 checkValues(element, "alignContent", "align-content", "right unsafe", "right un safe");
295 295
296 element.style.alignContent = "auto"; 296 element.style.alignContent = "auto";
297 checkValues(element, "alignContent", "align-content", "auto", "start"); 297 checkValues(element, "alignContent", "align-content", "auto", "start");
298 298
299 element.style.display = "flex"; 299 element.style.display = "flex";
300 element.style.alignContent = "auto"; 300 element.style.alignContent = "auto";
301 checkValues(element, "alignContent", "align-content", "auto", "stretch"); 301 checkValues(element, "alignContent", "align-content", "auto", "stretch");
302 302
303 element.style.display = "grid"; 303 element.style.display = "grid";
304 element.style.alignContent = "auto"; 304 element.style.alignContent = "auto";
305 checkValues(element, "alignContent", "align-content", "auto", "start"); 305 checkValues(element, "alignContent", "align-content", "auto", "start");
306 306
307 element.style.alignContent = "flex-end"; 307 element.style.alignContent = "flex-end";
308 checkValues(element, "alignContent", "align-content", "flex-end", "flex-end"); 308 checkValues(element, "alignContent", "align-content", "flex-end", "flex-end");
309 309
310 debug(""); 310 debug("");
311 debug("Test bad combinations of align-content"); 311 debug("Test bad combinations of align-content");
312 element = document.createElement("div"); 312 element = document.createElement("div");
313 document.body.appendChild(element); 313 document.body.appendChild(element);
314 314
315 checkBadValues(element, "alignContent", "align-content", ""); 315 checkBadValues(element, "alignContent", "align-content", "");
316 checkBadValues(element, "alignContent", "align-content", "true auto"); 316 checkBadValues(element, "alignContent", "align-content", "unsafe auto");
317 checkBadValues(element, "alignContent", "align-content", "auto safe"); 317 checkBadValues(element, "alignContent", "align-content", "auto safe");
318 checkBadValues(element, "alignContent", "align-content", "auto left"); 318 checkBadValues(element, "alignContent", "align-content", "auto left");
319 checkBadValues(element, "alignContent", "align-content", "baseline safe"); 319 checkBadValues(element, "alignContent", "align-content", "baseline safe");
320 checkBadValues(element, "alignContent", "align-content", "last baseline center" ); 320 checkBadValues(element, "alignContent", "align-content", "last baseline center" );
321 checkBadValues(element, "alignContent", "align-content", "true true"); 321 checkBadValues(element, "alignContent", "align-content", "unsafe unsafe");
322 checkBadValues(element, "alignContent", "align-content", "true safe"); 322 checkBadValues(element, "alignContent", "align-content", "unsafe safe");
323 checkBadValues(element, "alignContent", "align-content", "center start"); 323 checkBadValues(element, "alignContent", "align-content", "center start");
324 checkBadValues(element, "alignContent", "align-content", "baseline safe"); 324 checkBadValues(element, "alignContent", "align-content", "baseline safe");
325 checkBadValues(element, "alignContent", "align-content", "true baseline"); 325 checkBadValues(element, "alignContent", "align-content", "unsafe baseline");
326 checkBadValues(element, "alignContent", "align-content", "true safe left"); 326 checkBadValues(element, "alignContent", "align-content", "unsafe safe left");
327 checkBadValues(element, "alignContent", "align-content", "true left safe"); 327 checkBadValues(element, "alignContent", "align-content", "unsafe left safe");
328 checkBadValues(element, "alignContent", "align-content", "left safe true safe") ; 328 checkBadValues(element, "alignContent", "align-content", "left safe unsafe safe ");
329 checkBadValues(element, "alignContent", "align-content", "start right space-bet ween"); 329 checkBadValues(element, "alignContent", "align-content", "start right space-bet ween");
330 checkBadValues(element, "alignContent", "align-content", "safe stretch"); 330 checkBadValues(element, "alignContent", "align-content", "safe stretch");
331 checkBadValues(element, "alignContent", "align-content", "space-around stretch" ); 331 checkBadValues(element, "alignContent", "align-content", "space-around stretch" );
332 checkBadValues(element, "alignContent", "align-content", "end space-between sta rt"); 332 checkBadValues(element, "alignContent", "align-content", "end space-between sta rt");
333 checkBadValues(element, "alignContent", "align-content", "right safe left"); 333 checkBadValues(element, "alignContent", "align-content", "right safe left");
334 checkBadValues(element, "alignContent", "align-content", "true"); 334 checkBadValues(element, "alignContent", "align-content", "unsafe");
335 checkBadValues(element, "alignContent", "align-content", "safe"); 335 checkBadValues(element, "alignContent", "align-content", "safe");
336 336
337 debug(""); 337 debug("");
338 debug("Test the value 'initial'"); 338 debug("Test the value 'initial'");
339 element.style.display = ""; 339 element.style.display = "";
340 checkInitialValues(element, "alignContent", "align-content", "stretch center", " start"); 340 checkInitialValues(element, "alignContent", "align-content", "stretch center", " start");
341 341
342 debug(""); 342 debug("");
343 debug("Test the value 'initial' for grid containers"); 343 debug("Test the value 'initial' for grid containers");
344 element.style.display = "grid"; 344 element.style.display = "grid";
345 checkInitialValues(element, "alignContent", "align-content", "space-between left ", "start"); 345 checkInitialValues(element, "alignContent", "align-content", "space-between left ", "start");
346 346
347 debug(""); 347 debug("");
348 debug("Test the value 'initial' for flex containers"); 348 debug("Test the value 'initial' for flex containers");
349 element.style.display = "flex"; 349 element.style.display = "flex";
350 checkInitialValues(element, "alignContent", "align-content", "right true", "stre tch"); 350 checkInitialValues(element, "alignContent", "align-content", "right unsafe", "st retch");
351 351
352 debug(""); 352 debug("");
353 debug("Test the value 'inherit'"); 353 debug("Test the value 'inherit'");
354 checkInheritValues("alignContent", "align-content", "end"); 354 checkInheritValues("alignContent", "align-content", "end");
355 checkInheritValues("alignContent", "align-content", "left safe"); 355 checkInheritValues("alignContent", "align-content", "left safe");
356 checkInheritValues("alignContent", "align-content", "stretch center"); 356 checkInheritValues("alignContent", "align-content", "stretch center");
357 357
358 </script> 358 </script>
359 </body> 359 </body>
360 </html> 360 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/alignment/overwrite-self-alignment-expected.txt ('k') | 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