third_party/WebKit/LayoutTests/css3/flexbox/css-properties.html - Issue 2832503003: [css-flex] Implement the space-evenly content-distribution value

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

Issue 2832503003: [css-flex] Implement the space-evenly content-distribution value (Closed)

Patch Set: Fixed layout tests. Created 3 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/css3/flexbox/alignContent-applies-with-flexWrap-wrap-with-single-line.html ('k') | 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') | Hide Comments ('s')

OLD	NEW
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 57 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
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 = 'space-evenly';

	79 shouldBeEqualToString('flexbox.style.justifyContent', 'space-evenly');

	80 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' space-evenly');

	81

78 flexbox.style.justifyContent = '';	82 flexbox.style.justifyContent = '';

79 shouldBeEqualToString('flexbox.style.justifyContent', '');	83 shouldBeEqualToString('flexbox.style.justifyContent', '');

80 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' normal');	84 shouldBeEqualToString('window.getComputedStyle(flexbox, null).justifyContent', ' normal');

81	85

82 shouldBeEqualToString('flexbox.style.alignSelf', '');	86 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).	87 // 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', 'norma l');	88 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignSelf', 'norma l');

85 shouldBeEqualToString('window.getComputedStyle(document.documentElement, null).a lignSelf', 'normal');	89 shouldBeEqualToString('window.getComputedStyle(document.documentElement, null).a lignSelf', 'normal');

86	90

87 flexbox.style.alignSelf = 'foo';	91 flexbox.style.alignSelf = 'foo';

(...skipping 206 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
294 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'ce nter');	298 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'ce nter');

295	299

296 flexbox.style.alignContent = 'space-between';	300 flexbox.style.alignContent = 'space-between';

297 shouldBeEqualToString('flexbox.style.alignContent', 'space-between');	301 shouldBeEqualToString('flexbox.style.alignContent', 'space-between');

298 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-between');	302 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-between');

299	303

300 flexbox.style.alignContent = 'space-around';	304 flexbox.style.alignContent = 'space-around';

301 shouldBeEqualToString('flexbox.style.alignContent', 'space-around');	305 shouldBeEqualToString('flexbox.style.alignContent', 'space-around');

302 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-around');	306 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-around');

303	307

	308 flexbox.style.alignContent = 'space-evenly';

	309 shouldBeEqualToString('flexbox.style.alignContent', 'space-evenly');

	310 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'sp ace-evenly');

	311

304 flexbox.style.alignContent = 'stretch';	312 flexbox.style.alignContent = 'stretch';

305 shouldBeEqualToString('flexbox.style.alignContent', 'stretch');	313 shouldBeEqualToString('flexbox.style.alignContent', 'stretch');

306 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'st retch');	314 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'st retch');

307	315

308 flexbox.style.alignContent = '';	316 flexbox.style.alignContent = '';

309 shouldBeEqualToString('flexbox.style.alignContent', '');	317 shouldBeEqualToString('flexbox.style.alignContent', '');

310 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'no rmal');	318 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'no rmal');

311	319

312 flexbox.style.alignContent = 'foo';	320 flexbox.style.alignContent = 'foo';

313 shouldBeEqualToString('flexbox.style.alignContent', '');	321 shouldBeEqualToString('flexbox.style.alignContent', '');

314 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'no rmal');	322 shouldBeEqualToString('window.getComputedStyle(flexbox, null).alignContent', 'no rmal');

315 </script>	323 </script>

316 </body>	324 </body>

317 </html>	325 </html>

OLD	NEW