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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/css-properties.html

Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fixed layout tests failing. Created 4 years, 10 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/css3/flexbox/css-properties-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 PUBLIC "-//IETF//DTD HTML//EN"> 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../../resources/js-test.js"></script> 4 <script src="../../resources/js-test.js"></script>
5 </head> 5 </head>
6 <body> 6 <body>
7 <div id="flexbox"> 7 <div id="flexbox">
8 <div id="flexitem"></div> 8 <div id="flexitem"></div>
9 </div> 9 </div>
10 <script> 10 <script>
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
46 shouldBeEqualToString('flexitem.style.order', '0'); 46 shouldBeEqualToString('flexitem.style.order', '0');
47 47
48 flexitem.style.order = "test"; 48 flexitem.style.order = "test";
49 shouldBeEqualToString('flexitem.style.order', '0'); 49 shouldBeEqualToString('flexitem.style.order', '0');
50 50
51 flexitem.style.order = ''; 51 flexitem.style.order = '';
52 shouldBeEqualToString('flexitem.style.order', ''); 52 shouldBeEqualToString('flexitem.style.order', '');
53 53
54 54
55 shouldBeEqualToString('flexbox.style.justifyContent', ''); 55 shouldBeEqualToString('flexbox.style.justifyContent', '');
56 // The initial value is 'flex-start'. 56 // The initial value is 'normal'.
57 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' flex-start'); 57 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' normal');
58 58
59 flexbox.style.justifyContent = 'foo'; 59 flexbox.style.justifyContent = 'foo';
60 shouldBeEqualToString('flexbox.style.justifyContent', ''); 60 shouldBeEqualToString('flexbox.style.justifyContent', '');
61 61
62 flexbox.style.justifyContent = 'flex-start'; 62 flexbox.style.justifyContent = 'flex-start';
63 shouldBeEqualToString('flexbox.style.justifyContent', 'flex-start'); 63 shouldBeEqualToString('flexbox.style.justifyContent', 'flex-start');
64 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' flex-start'); 64 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' flex-start');
65 65
66 flexbox.style.justifyContent = 'flex-end'; 66 flexbox.style.justifyContent = 'flex-end';
67 shouldBeEqualToString('flexbox.style.justifyContent', 'flex-end'); 67 shouldBeEqualToString('flexbox.style.justifyContent', 'flex-end');
68 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' flex-end'); 68 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' flex-end');
69 69
70 flexbox.style.justifyContent = 'center'; 70 flexbox.style.justifyContent = 'center';
71 shouldBeEqualToString('flexbox.style.justifyContent', 'center'); 71 shouldBeEqualToString('flexbox.style.justifyContent', 'center');
72 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' center'); 72 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' center');
73 73
74 flexbox.style.justifyContent = 'space-between'; 74 flexbox.style.justifyContent = 'space-between';
75 shouldBeEqualToString('flexbox.style.justifyContent', 'space-between'); 75 shouldBeEqualToString('flexbox.style.justifyContent', 'space-between');
76 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' space-between'); 76 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' space-between');
77 77
78 flexbox.style.justifyContent = ''; 78 flexbox.style.justifyContent = '';
79 shouldBeEqualToString('flexbox.style.justifyContent', ''); 79 shouldBeEqualToString('flexbox.style.justifyContent', '');
80 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' flex-start'); 80 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' normal');
81 81
82 shouldBeEqualToString('flexbox.style.alignSelf', ''); 82 shouldBeEqualToString('flexbox.style.alignSelf', '');
83 // The initial value is 'auto', which will be resolved depending on parent's sty le (except for the 'document' element). 83 // The initial value is 'auto', which will be resolved depending on parent's sty le (except for the 'document' element).
84 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignSelf', 'start '); 84 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignSelf', 'start ');
85 shouldBeEqualToString('window.getComputedStyle(document.documentElement, null).a lignSelf', 'start'); 85 shouldBeEqualToString('window.getComputedStyle(document.documentElement, null).a lignSelf', 'start');
86 86
87 flexbox.style.alignSelf = 'foo'; 87 flexbox.style.alignSelf = 'foo';
88 shouldBeEqualToString('flexbox.style.alignSelf', ''); 88 shouldBeEqualToString('flexbox.style.alignSelf', '');
89 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignSelf', 'start '); 89 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignSelf', 'start ');
90 90
(...skipping 178 matching lines...) Expand 10 before | Expand all | Expand 10 after
269 269
270 // flex-flow is a shorthand, so it shouldn't show up as a computed property. 270 // flex-flow is a shorthand, so it shouldn't show up as a computed property.
271 var computedStyle = getComputedStyle(flexbox); 271 var computedStyle = getComputedStyle(flexbox);
272 var foundFlexFlow = false; 272 var foundFlexFlow = false;
273 for (var i = 0; i < computedStyle.length; ++i) { 273 for (var i = 0; i < computedStyle.length; ++i) {
274 if (computedStyle[i] == 'flexFlow') 274 if (computedStyle[i] == 'flexFlow')
275 foundFlexFlow = true; 275 foundFlexFlow = true;
276 } 276 }
277 shouldBeFalse('foundFlexFlow'); 277 shouldBeFalse('foundFlexFlow');
278 278
279 // The initial value is 'auto', which will be resolved to 'stretch' in case of f lexbox containers. 279 // The initial value is 'normal'.
280 shouldBeEqualToString('flexbox.style.alignContent', ''); 280 shouldBeEqualToString('flexbox.style.alignContent', '');
281 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'st retch'); 281 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'no rmal');
282 282
283 flexbox.style.alignContent = 'flex-start'; 283 flexbox.style.alignContent = 'flex-start';
284 shouldBeEqualToString('flexbox.style.alignContent', 'flex-start'); 284 shouldBeEqualToString('flexbox.style.alignContent', 'flex-start');
285 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'fl ex-start'); 285 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'fl ex-start');
286 286
287 flexbox.style.alignContent = 'flex-end'; 287 flexbox.style.alignContent = 'flex-end';
288 shouldBeEqualToString('flexbox.style.alignContent', 'flex-end'); 288 shouldBeEqualToString('flexbox.style.alignContent', 'flex-end');
289 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'fl ex-end'); 289 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'fl ex-end');
290 290
291 flexbox.style.alignContent = 'center'; 291 flexbox.style.alignContent = 'center';
292 shouldBeEqualToString('flexbox.style.alignContent', 'center'); 292 shouldBeEqualToString('flexbox.style.alignContent', 'center');
293 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'ce nter'); 293 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'ce nter');
294 294
295 flexbox.style.alignContent = 'space-between'; 295 flexbox.style.alignContent = 'space-between';
296 shouldBeEqualToString('flexbox.style.alignContent', 'space-between'); 296 shouldBeEqualToString('flexbox.style.alignContent', 'space-between');
297 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-between'); 297 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-between');
298 298
299 flexbox.style.alignContent = 'space-around'; 299 flexbox.style.alignContent = 'space-around';
300 shouldBeEqualToString('flexbox.style.alignContent', 'space-around'); 300 shouldBeEqualToString('flexbox.style.alignContent', 'space-around');
301 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-around'); 301 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-around');
302 302
303 flexbox.style.alignContent = 'stretch'; 303 flexbox.style.alignContent = 'stretch';
304 shouldBeEqualToString('flexbox.style.alignContent', 'stretch'); 304 shouldBeEqualToString('flexbox.style.alignContent', 'stretch');
305 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'st retch'); 305 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'st retch');
306 306
307 flexbox.style.alignContent = ''; 307 flexbox.style.alignContent = '';
308 shouldBeEqualToString('flexbox.style.alignContent', ''); 308 shouldBeEqualToString('flexbox.style.alignContent', '');
309 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'st retch'); 309 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'no rmal');
310 310
311 flexbox.style.alignContent = 'foo'; 311 flexbox.style.alignContent = 'foo';
312 shouldBeEqualToString('flexbox.style.alignContent', ''); 312 shouldBeEqualToString('flexbox.style.alignContent', '');
313 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'st retch'); 313 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'no rmal');
314 </script> 314 </script>
315 </body> 315 </body>
316 </html> 316 </html>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/css3/flexbox/css-properties-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698