third_party/WebKit/LayoutTests/fast/alignment/parse-place-content.html - Issue 2455093002: [css-align] Don't resolve 'auto' values for computed style.

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

Issue 2455093002: [css-align] Don't resolve 'auto' values for computed style. (Closed)

Patch Set: Patch for landing. Created 3 years, 6 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/fast/alignment/parse-justify-self.html ('k') | third_party/WebKit/LayoutTests/fast/alignment/parse-place-items.html » ('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>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5 #placeContentNormal {	5 #placeContentNormal {

6 place-content: normal;	6 place-content: normal;

7 }	7 }

8 #placeContentBaseline {	8 #placeContentBaseline {

9 place-content: baseline;	9 place-content: baseline;

10 }	10 }

(...skipping 31 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
42 }	42 }

43 #placeContentNone {	43 #placeContentNone {

44 place-content: none;	44 place-content: none;

45 }	45 }

46 #placeContentSafe {	46 #placeContentSafe {

47 place-content: safe;	47 place-content: safe;

48 }	48 }

49 #placeContentStartSafe {	49 #placeContentStartSafe {

50 place-content: start safe;	50 place-content: start safe;

51 }	51 }

	52 #placeContentBaselineSafe {

	53 place-content: baseline safe;

	54 }

52 #placeContentStartEndLeft {	55 #placeContentStartEndLeft {

53 place-content: start end left;	56 place-content: start end left;

54 }	57 }

55 </style>	58 </style>

56 <script src="../../resources/testharness.js"></script>	59 <script src="../../resources/testharness.js"></script>

57 <script src="../../resources/testharnessreport.js"></script>	60 <script src="../../resources/testharnessreport.js"></script>

58 <script src="resources/alignment-parsing-utils-th.js"></script>	61 <script src="resources/alignment-parsing-utils-th.js"></script>

59 </head>	62 </head>

60 <body>	63 <body>

61 <p>Test to verify that the new place-content alignment shorthand is parsed a s expected and correctly sets the longhand values.</p>	64 <p>Test to verify that the new place-content alignment shorthand is parsed a s expected and correctly sets the longhand values.</p>

(...skipping 135 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
197 checkValues(placeContentSafe, "placeContent", "place-content", "", "normal n ormal");	200 checkValues(placeContentSafe, "placeContent", "place-content", "", "normal n ormal");

198 checkPlaceContentValues(placeContentSafe, "", "normal", "normal");	201 checkPlaceContentValues(placeContentSafe, "", "normal", "normal");

199 }, "Test setting 'safe' as incorrect value through CSS.");	202 }, "Test setting 'safe' as incorrect value through CSS.");

200	203

201 test(function() {	204 test(function() {

202 checkValues(placeContentStartSafe, "placeContent", "place-content", "", "nor mal normal");	205 checkValues(placeContentStartSafe, "placeContent", "place-content", "", "nor mal normal");

203 checkPlaceContentValues(placeContentStartSafe, "", "normal", "normal");	206 checkPlaceContentValues(placeContentStartSafe, "", "normal", "normal");

204 }, "Test setting 'start safe' as incorrect value through CSS.");	207 }, "Test setting 'start safe' as incorrect value through CSS.");

205	208

206 test(function() {	209 test(function() {

207 checkValues(placeContentStartSafe, "placeContent", "place-content", "", "nor mal normal");	210 checkValues(placeContentBaselineSafe, "placeContent", "place-content", "", " normal normal");

208 checkPlaceContentValues(placeContentStartSafe, "", "normal", "normal");	211 checkPlaceContentValues(placeContentBaselineSafe, "", "normal", "normal");

209 }, "Test setting 'baseline safe' as incorrect value through CSS.");	212 }, "Test setting 'baseline safe' as incorrect value through CSS.");

210	213

211 test(function() {	214 test(function() {

212 checkValues(placeContentStartEndLeft, "placeContent", "place-content", "", " normal normal");	215 checkValues(placeContentStartEndLeft, "placeContent", "place-content", "", " normal normal");

213 checkPlaceContentValues(placeContentStartEndLeft, "", "normal", "normal");	216 checkPlaceContentValues(placeContentStartEndLeft, "", "normal", "normal");

214 }, "Test setting 'start end left' as incorrect value through CSS.");	217 }, "Test setting 'start end left' as incorrect value through CSS.");

215	218

216 test(function() {	219 test(function() {

217 checkPlaceContentValuesJS("center", "center", "center");	220 checkPlaceContentValuesJS("center", "center", "center");

218 checkPlaceContentValuesJS("center start", "center", "start");	221 checkPlaceContentValuesJS("center start", "center", "start");

(...skipping 17 matching lines...) Expand all Loading...
236 }, "Test the 'initial' value of the place-content shorthand and its longhand pro perties' Computed value");	239 }, "Test the 'initial' value of the place-content shorthand and its longhand pro perties' Computed value");

237	240

238 test(function() {	241 test(function() {

239 checkPlaceContentInheritValue();	242 checkPlaceContentInheritValue();

240 }, "Test the 'inherit' value of the place-content shorthand and its longhand pro perties' Computed value");	243 }, "Test the 'inherit' value of the place-content shorthand and its longhand pro perties' Computed value");

241	244

242	245

243 </script>	246 </script>

244 </body>	247 </body>

245 </html>	248 </html>

OLD	NEW