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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/alignment/parse-justify-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/parse-align-self-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/alignment/parse-justify-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 #justifyContentAuto { 5 #justifyContentAuto {
6 justify-content: auto; 6 justify-content: auto;
7 } 7 }
8 8
9 #justifyContentBaseline { 9 #justifyContentBaseline {
10 justify-content: baseline; 10 justify-content: baseline;
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
51 } 51 }
52 52
53 #justifyContentFlexStart { 53 #justifyContentFlexStart {
54 justify-content: flex-start; 54 justify-content: flex-start;
55 } 55 }
56 56
57 #justifyContentFlexEnd { 57 #justifyContentFlexEnd {
58 justify-content: flex-end; 58 justify-content: flex-end;
59 } 59 }
60 60
61 #justifyContentEndTrue { 61 #justifyContentEndUnsafe {
62 justify-content: end true; 62 justify-content: end unsafe;
63 } 63 }
64 64
65 #justifyContentCenterTrue { 65 #justifyContentCenterUnsafe {
66 justify-content: center true; 66 justify-content: center unsafe;
67 } 67 }
68 68
69 #justifyContentRightSafe { 69 #justifyContentRightSafe {
70 justify-content: right safe; 70 justify-content: right safe;
71 } 71 }
72 72
73 #justifyContentLeftTrue { 73 #justifyContentLeftUnsafe {
74 justify-content: left true; 74 justify-content: left unsafe;
75 } 75 }
76 76
77 #justifyContentFlexStartTrue { 77 #justifyContentFlexStartUnsafe {
78 justify-content: flex-start true; 78 justify-content: flex-start unsafe;
79 } 79 }
80 80
81 #justifyContentFlexEndSafe { 81 #justifyContentFlexEndSafe {
82 justify-content: flex-end safe; 82 justify-content: flex-end safe;
83 } 83 }
84 84
85 #justifyContentSpaceBetweenLeft { 85 #justifyContentSpaceBetweenLeft {
86 justify-content: space-between left; 86 justify-content: space-between left;
87 } 87 }
88 88
89 #justifyContentSpaceAroundCenter { 89 #justifyContentSpaceAroundCenter {
90 justify-content: space-around center; 90 justify-content: space-around center;
91 } 91 }
92 92
93 #justifyContentSpaceEvenlyRight { 93 #justifyContentSpaceEvenlyRight {
94 justify-content: space-evenly right; 94 justify-content: space-evenly right;
95 } 95 }
96 96
97 #justifyContentStretchStartSafe { 97 #justifyContentStretchStartSafe {
98 justify-content: stretch start safe; 98 justify-content: stretch start safe;
99 } 99 }
100 100
101 #justifyContentSpaceAroundEndTrue { 101 #justifyContentSpaceAroundEndUnsafe {
102 justify-content: space-around end true; 102 justify-content: space-around end unsafe;
103 } 103 }
104 104
105 #justifyContentSpaceEvenlyFlexStartSafe { 105 #justifyContentSpaceEvenlyFlexStartSafe {
106 justify-content: space-evenly flex-start safe; 106 justify-content: space-evenly flex-start safe;
107 } 107 }
108 108
109 <!-- Invalid CSS cases --> 109 <!-- Invalid CSS cases -->
110 #justifyContentSpaceBetweenSafe { 110 #justifyContentSpaceBetweenSafe {
111 justify-content: space-between safe; 111 justify-content: space-between safe;
112 } 112 }
113 113
114 #justifyContentSpaceBetweenStretch { 114 #justifyContentSpaceBetweenStretch {
115 justify-content: space-between stretch; 115 justify-content: space-between stretch;
116 } 116 }
117 117
118 #justifyContentSafe { 118 #justifyContentSafe {
119 justify-content: safe; 119 justify-content: safe;
120 } 120 }
121 121
122 #justifyContentRightSafeTrue { 122 #justifyContentRightSafeUnsafe {
123 justify-content: right safe true; 123 justify-content: right safe unsafe;
124 } 124 }
125 125
126 #justifyContentCenterLeft { 126 #justifyContentCenterLeft {
127 justify-content: center left; 127 justify-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="justifyContentAuto"></div> 133 <div id="justifyContentAuto"></div>
134 <div id="justifyContentBaseline"></div> 134 <div id="justifyContentBaseline"></div>
135 <div id="justifyContentLastBaseline"></div> 135 <div id="justifyContentLastBaseline"></div>
136 <div id="justifyContentSpaceBetween"></div> 136 <div id="justifyContentSpaceBetween"></div>
137 <div id="justifyContentSpaceAround"></div> 137 <div id="justifyContentSpaceAround"></div>
138 <div id="justifyContentSpaceEvenly"></div> 138 <div id="justifyContentSpaceEvenly"></div>
139 <div id="justifyContentStretch"></div> 139 <div id="justifyContentStretch"></div>
140 <div id="justifyContentStart"></div> 140 <div id="justifyContentStart"></div>
141 <div id="justifyContentEnd"></div> 141 <div id="justifyContentEnd"></div>
142 <div id="justifyContentCenter"></div> 142 <div id="justifyContentCenter"></div>
143 <div id="justifyContentLeft"></div> 143 <div id="justifyContentLeft"></div>
144 <div id="justifyContentRight"></div> 144 <div id="justifyContentRight"></div>
145 <div id="justifyContentFlexStart"></div> 145 <div id="justifyContentFlexStart"></div>
146 <div id="justifyContentFlexEnd"></div> 146 <div id="justifyContentFlexEnd"></div>
147 <div id="justifyContentEndTrue"></div> 147 <div id="justifyContentEndUnsafe"></div>
148 <div id="justifyContentCenterTrue"></div> 148 <div id="justifyContentCenterUnsafe"></div>
149 <div id="justifyContentRightSafe"></div> 149 <div id="justifyContentRightSafe"></div>
150 <div id="justifyContentLeftTrue"></div> 150 <div id="justifyContentLeftUnsafe"></div>
151 <div id="justifyContentFlexStartTrue"></div> 151 <div id="justifyContentFlexStartUnsafe"></div>
152 <div id="justifyContentFlexEndSafe"></div> 152 <div id="justifyContentFlexEndSafe"></div>
153 <div id="justifyContentSpaceBetweenLeft"></div> 153 <div id="justifyContentSpaceBetweenLeft"></div>
154 <div id="justifyContentSpaceAroundCenter"></div> 154 <div id="justifyContentSpaceAroundCenter"></div>
155 <div id="justifyContentSpaceEvenlyRight"></div> 155 <div id="justifyContentSpaceEvenlyRight"></div>
156 <div id="justifyContentStretchStartSafe"></div> 156 <div id="justifyContentStretchStartSafe"></div>
157 <div id="justifyContentSpaceAroundEndTrue"></div> 157 <div id="justifyContentSpaceAroundEndUnsafe"></div>
158 <div id="justifyContentSpaceEvenlyFlexStartSafe"></div> 158 <div id="justifyContentSpaceEvenlyFlexStartSafe"></div>
159 159
160 <div id="justifyContentSpaceBetweenSafe"></div> 160 <div id="justifyContentSpaceBetweenSafe"></div>
161 <div id="justifyContentSpaceBetweenStretch"></div> 161 <div id="justifyContentSpaceBetweenStretch"></div>
162 <div id="justifyContentSafe"></div> 162 <div id="justifyContentSafe"></div>
163 <div id="justifyContentRightSafeTrue"></div> 163 <div id="justifyContentRightSafeUnsafe"></div>
164 <div id="justifyContentCenterLeft"></div> 164 <div id="justifyContentCenterLeft"></div>
165 165
166 <script src="resources/alignment-parsing-utils.js"></script> 166 <script src="resources/alignment-parsing-utils.js"></script>
167 <script> 167 <script>
168 description('Test that setting and getting justify-content works as expected'); 168 description('Test that setting and getting justify-content works as expected');
169 169
170 debug("Test getting justify-content set through CSS"); 170 debug("Test getting justify-content set through CSS");
171 var justifyContentAuto = document.getElementById("justifyContentAuto"); 171 var justifyContentAuto = document.getElementById("justifyContentAuto");
172 shouldBeEqualToString("getComputedStyle(justifyContentAuto, '').getPropertyValue ('justify-content')", "start"); 172 shouldBeEqualToString("getComputedStyle(justifyContentAuto, '').getPropertyValue ('justify-content')", "start");
173 173
(...skipping 29 matching lines...) Expand all
203 203
204 var justifyContentRight = document.getElementById("justifyContentRight"); 204 var justifyContentRight = document.getElementById("justifyContentRight");
205 shouldBeEqualToString("getComputedStyle(justifyContentRight, '').getPropertyValu e('justify-content')", "right"); 205 shouldBeEqualToString("getComputedStyle(justifyContentRight, '').getPropertyValu e('justify-content')", "right");
206 206
207 var justifyContentFlexStart = document.getElementById("justifyContentFlexStart") ; 207 var justifyContentFlexStart = document.getElementById("justifyContentFlexStart") ;
208 shouldBeEqualToString("getComputedStyle(justifyContentFlexStart, '').getProperty Value('justify-content')", "flex-start"); 208 shouldBeEqualToString("getComputedStyle(justifyContentFlexStart, '').getProperty Value('justify-content')", "flex-start");
209 209
210 var justifyContentFlexEnd = document.getElementById("justifyContentFlexEnd"); 210 var justifyContentFlexEnd = document.getElementById("justifyContentFlexEnd");
211 shouldBeEqualToString("getComputedStyle(justifyContentFlexEnd, '').getPropertyVa lue('justify-content')", "flex-end"); 211 shouldBeEqualToString("getComputedStyle(justifyContentFlexEnd, '').getPropertyVa lue('justify-content')", "flex-end");
212 212
213 var justifyContentEndTrue = document.getElementById("justifyContentEndTrue"); 213 var justifyContentEndUnsafe = document.getElementById("justifyContentEndUnsafe") ;
214 shouldBeEqualToString("getComputedStyle(justifyContentEndTrue, '').getPropertyVa lue('justify-content')", "end true"); 214 shouldBeEqualToString("getComputedStyle(justifyContentEndUnsafe, '').getProperty Value('justify-content')", "end unsafe");
215 215
216 var justifyContentCenterTrue = document.getElementById("justifyContentCenterTrue "); 216 var justifyContentCenterUnsafe = document.getElementById("justifyContentCenterUn safe");
217 shouldBeEqualToString("getComputedStyle(justifyContentCenterTrue, '').getPropert yValue('justify-content')", "center true"); 217 shouldBeEqualToString("getComputedStyle(justifyContentCenterUnsafe, '').getPrope rtyValue('justify-content')", "center unsafe");
218 218
219 var justifyContentRightSafe = document.getElementById("justifyContentRightSafe") ; 219 var justifyContentRightSafe = document.getElementById("justifyContentRightSafe") ;
220 shouldBeEqualToString("getComputedStyle(justifyContentRightSafe, '').getProperty Value('justify-content')", "right safe"); 220 shouldBeEqualToString("getComputedStyle(justifyContentRightSafe, '').getProperty Value('justify-content')", "right safe");
221 221
222 var justifyContentLeftTrue = document.getElementById("justifyContentLeftTrue"); 222 var justifyContentLeftUnsafe = document.getElementById("justifyContentLeftUnsafe ");
223 shouldBeEqualToString("getComputedStyle(justifyContentLeftTrue, '').getPropertyV alue('justify-content')", "left true"); 223 shouldBeEqualToString("getComputedStyle(justifyContentLeftUnsafe, '').getPropert yValue('justify-content')", "left unsafe");
224 224
225 var justifyContentFlexStartTrue = document.getElementById("justifyContentFlexSta rtTrue"); 225 var justifyContentFlexStartUnsafe = document.getElementById("justifyContentFlexS tartUnsafe");
226 shouldBeEqualToString("getComputedStyle(justifyContentFlexStartTrue, '').getProp ertyValue('justify-content')", "flex-start true"); 226 shouldBeEqualToString("getComputedStyle(justifyContentFlexStartUnsafe, '').getPr opertyValue('justify-content')", "flex-start unsafe");
227 227
228 var justifyContentFlexEndSafe = document.getElementById("justifyContentFlexEndSa fe"); 228 var justifyContentFlexEndSafe = document.getElementById("justifyContentFlexEndSa fe");
229 shouldBeEqualToString("getComputedStyle(justifyContentFlexEndSafe, '').getProper tyValue('justify-content')", "flex-end safe"); 229 shouldBeEqualToString("getComputedStyle(justifyContentFlexEndSafe, '').getProper tyValue('justify-content')", "flex-end safe");
230 230
231 var justifyContentSpaceBetweenLeft = document.getElementById("justifyContentSpac eBetweenLeft"); 231 var justifyContentSpaceBetweenLeft = document.getElementById("justifyContentSpac eBetweenLeft");
232 shouldBeEqualToString("getComputedStyle(justifyContentSpaceBetweenLeft, '').getP ropertyValue('justify-content')", "space-between left"); 232 shouldBeEqualToString("getComputedStyle(justifyContentSpaceBetweenLeft, '').getP ropertyValue('justify-content')", "space-between left");
233 233
234 var justifyContentSpaceAroundCenter = document.getElementById("justifyContentSpa ceAroundCenter"); 234 var justifyContentSpaceAroundCenter = document.getElementById("justifyContentSpa ceAroundCenter");
235 shouldBeEqualToString("getComputedStyle(justifyContentSpaceAroundCenter, '').get PropertyValue('justify-content')", "space-around center"); 235 shouldBeEqualToString("getComputedStyle(justifyContentSpaceAroundCenter, '').get PropertyValue('justify-content')", "space-around center");
236 236
237 var justifyContentSpaceEvenlyRight = document.getElementById("justifyContentSpac eEvenlyRight"); 237 var justifyContentSpaceEvenlyRight = document.getElementById("justifyContentSpac eEvenlyRight");
238 shouldBeEqualToString("getComputedStyle(justifyContentSpaceEvenlyRight, '').getP ropertyValue('justify-content')", "space-evenly right"); 238 shouldBeEqualToString("getComputedStyle(justifyContentSpaceEvenlyRight, '').getP ropertyValue('justify-content')", "space-evenly right");
239 239
240 var justifyContentStretchStartSafe = document.getElementById("justifyContentStre tchStartSafe"); 240 var justifyContentStretchStartSafe = document.getElementById("justifyContentStre tchStartSafe");
241 shouldBeEqualToString("getComputedStyle(justifyContentStretchStartSafe, '').getP ropertyValue('justify-content')", "stretch start safe"); 241 shouldBeEqualToString("getComputedStyle(justifyContentStretchStartSafe, '').getP ropertyValue('justify-content')", "stretch start safe");
242 242
243 var justifyContentSpaceAroundEndTrue = document.getElementById("justifyContentSp aceAroundEndTrue"); 243 var justifyContentSpaceAroundEndUnsafe = document.getElementById("justifyContent SpaceAroundEndUnsafe");
244 shouldBeEqualToString("getComputedStyle(justifyContentSpaceAroundEndTrue, '').ge tPropertyValue('justify-content')", "space-around end true"); 244 shouldBeEqualToString("getComputedStyle(justifyContentSpaceAroundEndUnsafe, ''). getPropertyValue('justify-content')", "space-around end unsafe");
245 245
246 var justifyContentSpaceEvenlyFlexStartSafe = document.getElementById("justifyCon tentSpaceEvenlyFlexStartSafe"); 246 var justifyContentSpaceEvenlyFlexStartSafe = document.getElementById("justifyCon tentSpaceEvenlyFlexStartSafe");
247 shouldBeEqualToString("getComputedStyle(justifyContentSpaceEvenlyFlexStartSafe, '').getPropertyValue('justify-content')", "space-evenly flex-start safe"); 247 shouldBeEqualToString("getComputedStyle(justifyContentSpaceEvenlyFlexStartSafe, '').getPropertyValue('justify-content')", "space-evenly flex-start safe");
248 248
249 var justifyContentSpaceBetweenSafe = document.getElementById("justifyContentSpac eBetweenSafe"); 249 var justifyContentSpaceBetweenSafe = document.getElementById("justifyContentSpac eBetweenSafe");
250 shouldBeEqualToString("getComputedStyle(justifyContentSpaceBetweenSafe, '').getP ropertyValue('justify-content')", "start"); 250 shouldBeEqualToString("getComputedStyle(justifyContentSpaceBetweenSafe, '').getP ropertyValue('justify-content')", "start");
251 251
252 var justifyContentSpaceAroundTrue = document.getElementById("justifyContentSpace BetweenStretch"); 252 var justifyContentSpaceAroundUnsafe = document.getElementById("justifyContentSpa ceBetweenStretch");
253 shouldBeEqualToString("getComputedStyle(justifyContentSpaceBetweenStretch, '').g etPropertyValue('justify-content')", "start"); 253 shouldBeEqualToString("getComputedStyle(justifyContentSpaceBetweenStretch, '').g etPropertyValue('justify-content')", "start");
254 254
255 var justifyContentSpaceAroundTrue = document.getElementById("justifyContentSafe" ); 255 var justifyContentSpaceAroundUnsafe = document.getElementById("justifyContentSaf e");
256 shouldBeEqualToString("getComputedStyle(justifyContentSafe, '').getPropertyValue ('justify-content')", "start"); 256 shouldBeEqualToString("getComputedStyle(justifyContentSafe, '').getPropertyValue ('justify-content')", "start");
257 257
258 var justifyContentSpaceAroundTrue = document.getElementById("justifyContentRight SafeTrue"); 258 var justifyContentSpaceAroundUnsafe = document.getElementById("justifyContentRig htSafeUnsafe");
259 shouldBeEqualToString("getComputedStyle(justifyContentRightSafeTrue, '').getProp ertyValue('justify-content')", "start"); 259 shouldBeEqualToString("getComputedStyle(justifyContentRightSafeUnsafe, '').getPr opertyValue('justify-content')", "start");
260 260
261 var justifyContentSpaceAroundTrue = document.getElementById("justifyContentCente rLeft"); 261 var justifyContentSpaceAroundUnsafe = document.getElementById("justifyContentCen terLeft");
262 shouldBeEqualToString("getComputedStyle(justifyContentCenterLeft, '').getPropert yValue('justify-content')", "start"); 262 shouldBeEqualToString("getComputedStyle(justifyContentCenterLeft, '').getPropert yValue('justify-content')", "start");
263 263
264 debug(""); 264 debug("");
265 debug("Test initial value of justify-content through JS"); 265 debug("Test initial value of justify-content through JS");
266 element = document.createElement("div"); 266 element = document.createElement("div");
267 document.body.appendChild(element); 267 document.body.appendChild(element);
268 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('justify-c ontent')", "start"); 268 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('justify-c ontent')", "start");
269 269
270 debug(""); 270 debug("");
271 debug("Test getting and setting justify-content through JS"); 271 debug("Test getting and setting justify-content through JS");
272 element = document.createElement("div"); 272 element = document.createElement("div");
273 document.body.appendChild(element); 273 document.body.appendChild(element);
274 element.style.justifyContent = "center"; 274 element.style.justifyContent = "center";
275 checkValues(element, "justifyContent", "justify-content", "center", "center"); 275 checkValues(element, "justifyContent", "justify-content", "center", "center");
276 276
277 element.style.justifyContent = "true start"; 277 element.style.justifyContent = "unsafe start";
278 checkValues(element, "justifyContent", "justify-content", "start true", "start true"); 278 checkValues(element, "justifyContent", "justify-content", "start unsafe", "star t unsafe");
279 279
280 element.style.justifyContent = "flex-end safe"; 280 element.style.justifyContent = "flex-end safe";
281 checkValues(element, "justifyContent", "justify-content", "flex-end safe", "fle x-end safe"); 281 checkValues(element, "justifyContent", "justify-content", "flex-end safe", "fle x-end safe");
282 282
283 element.style.justifyContent = "space-between right safe"; 283 element.style.justifyContent = "space-between right safe";
284 checkValues(element, "justifyContent", "justify-content", "space-between right safe", "space-between right safe"); 284 checkValues(element, "justifyContent", "justify-content", "space-between right safe", "space-between right safe");
285 285
286 element.style.justifyContent = "center stretch"; 286 element.style.justifyContent = "center stretch";
287 checkValues(element, "justifyContent", "justify-content", "stretch center", "st retch center"); 287 checkValues(element, "justifyContent", "justify-content", "stretch center", "st retch center");
288 288
289 element.style.justifyContent = "right true"; 289 element.style.justifyContent = "right unsafe";
290 checkValues(element, "justifyContent", "justify-content", "right true", "right true"); 290 checkValues(element, "justifyContent", "justify-content", "right unsafe", "righ t unsafe");
291 291
292 element.style.justifyContent = "auto"; 292 element.style.justifyContent = "auto";
293 checkValues(element, "justifyContent", "justify-content", "auto", "start"); 293 checkValues(element, "justifyContent", "justify-content", "auto", "start");
294 294
295 element.style.display = "flex"; 295 element.style.display = "flex";
296 element.style.justifyContent = "auto"; 296 element.style.justifyContent = "auto";
297 checkValues(element, "justifyContent", "justify-content", "auto", "flex-start") ; 297 checkValues(element, "justifyContent", "justify-content", "auto", "flex-start") ;
298 298
299 element.style.display = "grid"; 299 element.style.display = "grid";
300 element.style.justifyContent = "auto"; 300 element.style.justifyContent = "auto";
301 checkValues(element, "justifyContent", "justify-content", "auto", "start"); 301 checkValues(element, "justifyContent", "justify-content", "auto", "start");
302 302
303 element.style.justifyContent = "flex-end"; 303 element.style.justifyContent = "flex-end";
304 checkValues(element, "justifyContent", "justify-content", "flex-end", "flex-end "); 304 checkValues(element, "justifyContent", "justify-content", "flex-end", "flex-end ");
305 305
306 debug(""); 306 debug("");
307 debug("Test bad combinations of justify-content"); 307 debug("Test bad combinations of justify-content");
308 element = document.createElement("div"); 308 element = document.createElement("div");
309 document.body.appendChild(element); 309 document.body.appendChild(element);
310 310
311 checkBadValues(element, "justifyContent", "justify-content", ""); 311 checkBadValues(element, "justifyContent", "justify-content", "");
312 checkBadValues(element, "justifyContent", "justify-content", "true auto"); 312 checkBadValues(element, "justifyContent", "justify-content", "unsafe auto");
313 checkBadValues(element, "justifyContent", "justify-content", "auto safe"); 313 checkBadValues(element, "justifyContent", "justify-content", "auto safe");
314 checkBadValues(element, "justifyContent", "justify-content", "auto left"); 314 checkBadValues(element, "justifyContent", "justify-content", "auto left");
315 checkBadValues(element, "justifyContent", "justify-content", "baseline safe"); 315 checkBadValues(element, "justifyContent", "justify-content", "baseline safe");
316 checkBadValues(element, "justifyContent", "justify-content", "last baseline cen ter"); 316 checkBadValues(element, "justifyContent", "justify-content", "last baseline cen ter");
317 checkBadValues(element, "justifyContent", "justify-content", "true true"); 317 checkBadValues(element, "justifyContent", "justify-content", "unsafe unsafe");
318 checkBadValues(element, "justifyContent", "justify-content", "true safe"); 318 checkBadValues(element, "justifyContent", "justify-content", "unsafe safe");
319 checkBadValues(element, "justifyContent", "justify-content", "center start"); 319 checkBadValues(element, "justifyContent", "justify-content", "center start");
320 checkBadValues(element, "justifyContent", "justify-content", "baseline safe"); 320 checkBadValues(element, "justifyContent", "justify-content", "baseline safe");
321 checkBadValues(element, "justifyContent", "justify-content", "true baseline"); 321 checkBadValues(element, "justifyContent", "justify-content", "unsafe baseline") ;
322 checkBadValues(element, "justifyContent", "justify-content", "true safe left"); 322 checkBadValues(element, "justifyContent", "justify-content", "unsafe safe left" );
323 checkBadValues(element, "justifyContent", "justify-content", "true left safe"); 323 checkBadValues(element, "justifyContent", "justify-content", "unsafe left safe" );
324 checkBadValues(element, "justifyContent", "justify-content", "left safe true sa fe"); 324 checkBadValues(element, "justifyContent", "justify-content", "left safe unsafe safe");
325 checkBadValues(element, "justifyContent", "justify-content", "start right space -between"); 325 checkBadValues(element, "justifyContent", "justify-content", "start right space -between");
326 checkBadValues(element, "justifyContent", "justify-content", "safe stretch"); 326 checkBadValues(element, "justifyContent", "justify-content", "safe stretch");
327 checkBadValues(element, "justifyContent", "justify-content", "space-around stre tch"); 327 checkBadValues(element, "justifyContent", "justify-content", "space-around stre tch");
328 checkBadValues(element, "justifyContent", "justify-content", "end space-between start"); 328 checkBadValues(element, "justifyContent", "justify-content", "end space-between start");
329 checkBadValues(element, "justifyContent", "justify-content", "right safe left") ; 329 checkBadValues(element, "justifyContent", "justify-content", "right safe left") ;
330 checkBadValues(element, "justifyContent", "justify-content", "true"); 330 checkBadValues(element, "justifyContent", "justify-content", "unsafe");
331 checkBadValues(element, "justifyContent", "justify-content", "safe"); 331 checkBadValues(element, "justifyContent", "justify-content", "safe");
332 332
333 debug(""); 333 debug("");
334 debug("Test the value 'initial'"); 334 debug("Test the value 'initial'");
335 element.style.display = ""; 335 element.style.display = "";
336 checkInitialValues(element, "justifyContent", "justify-content", "stretch center ", "start"); 336 checkInitialValues(element, "justifyContent", "justify-content", "stretch center ", "start");
337 337
338 debug(""); 338 debug("");
339 debug("Test the value 'initial' for grid containers"); 339 debug("Test the value 'initial' for grid containers");
340 element.style.display = "grid"; 340 element.style.display = "grid";
341 checkInitialValues(element, "justifyContent", "justify-content", "space-between left", "start"); 341 checkInitialValues(element, "justifyContent", "justify-content", "space-between left", "start");
342 342
343 debug(""); 343 debug("");
344 debug("Test the value 'initial' for flex containers"); 344 debug("Test the value 'initial' for flex containers");
345 element.style.display = "flex"; 345 element.style.display = "flex";
346 checkInitialValues(element, "justifyContent", "justify-content", "right true", " flex-start"); 346 checkInitialValues(element, "justifyContent", "justify-content", "right unsafe", "flex-start");
347 347
348 debug(""); 348 debug("");
349 debug("Test the value 'inherit'"); 349 debug("Test the value 'inherit'");
350 checkInheritValues("justifyContent", "justify-content", "end"); 350 checkInheritValues("justifyContent", "justify-content", "end");
351 checkInheritValues("justifyContent", "justify-content", "left safe"); 351 checkInheritValues("justifyContent", "justify-content", "left safe");
352 checkInheritValues("justifyContent", "justify-content", "stretch center"); 352 checkInheritValues("justifyContent", "justify-content", "stretch center");
353 353
354 </script> 354 </script>
355 </body> 355 </body>
356 </html> 356 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/alignment/parse-align-self-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/alignment/parse-justify-content-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698