LayoutTests/fast/alignment/parse-justify-items.html - Issue 363133003: [CSS Grid Layout] Adapting align-self, align-items and justify-self to the last CSS 3 spec.

Side by Side Diff: LayoutTests/fast/alignment/parse-justify-items.html

Issue 363133003: [CSS Grid Layout] Adapting align-self, align-items and justify-self to the last CSS 3 spec. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Resolve grid and flex cases during cascade, the rest will wait for layout. Created 6 years, 4 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

« LayoutTests/fast/alignment/parse-align-items.html ('K') | « LayoutTests/fast/alignment/parse-align-self-expected.txt ('k') | LayoutTests/fast/alignment/parse-justify-items-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>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5 #justifyItemsBaseline {	5 #justifyItemsBaseline {

6 justify-items: baseline;	6 justify-items: baseline;

7 }	7 }

8	8

9 #justifyItemsLastBaseline {	9 #justifyItemsLastBaseline {

10 justify-items: last-baseline;	10 justify-items: last-baseline;

(...skipping 239 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
250 element.style.justifyItems = "auto";	250 element.style.justifyItems = "auto";

251 checkValues(element, "justifyItems", "justify-items", "auto", "start");	251 checkValues(element, "justifyItems", "justify-items", "auto", "start");

252	252

253 element.style.display = "flex";	253 element.style.display = "flex";

254 element.style.justifyItems = "auto";	254 element.style.justifyItems = "auto";

255 checkValues(element, "justifyItems", "justify-items", "auto", "stretch");	255 checkValues(element, "justifyItems", "justify-items", "auto", "stretch");

256	256

257 element.style.display = "grid";	257 element.style.display = "grid";

258 element.style.justifyItems = "auto";	258 element.style.justifyItems = "auto";

259 checkValues(element, "justifyItems", "justify-items", "auto", "stretch");	259 checkValues(element, "justifyItems", "justify-items", "auto", "stretch");

260 shouldBe("getComputedStyle(element, '').getPropertyValue('justify-items')", "'st retch'");

261 shouldBe("element.style.justifyItems", "'auto'");

262	260

263 element.style.justifyItems = "self-end";	261 element.style.justifyItems = "self-end";

264 checkValues(element, "justifyItems", "justify-items", "self-end", "self-end");	262 checkValues(element, "justifyItems", "justify-items", "self-end", "self-end");

265	263

266 debug("");	264 debug("");

267 debug("Test bad combinations of justify-items");	265 debug("Test bad combinations of justify-items");

268 element = document.createElement("div");	266 element = document.createElement("div");

269 document.body.appendChild(element);	267 document.body.appendChild(element);

270	268

271 checkBadValues(element, "justifyItems", "justify-items", "true auto");	269 checkBadValues(element, "justifyItems", "justify-items", "true auto");

(...skipping 16 matching lines...) Expand all Loading...
288 checkBadValues(element, "justifyItems", "justify-items", "legacy start");	286 checkBadValues(element, "justifyItems", "justify-items", "legacy start");

289 checkBadValues(element, "justifyItems", "justify-items", "legacy end");	287 checkBadValues(element, "justifyItems", "justify-items", "legacy end");

290 checkBadValues(element, "justifyItems", "justify-items", "legacy right true");	288 checkBadValues(element, "justifyItems", "justify-items", "legacy right true");

291 checkBadValues(element, "justifyItems", "justify-items", "legacy auto");	289 checkBadValues(element, "justifyItems", "justify-items", "legacy auto");

292 checkBadValues(element, "justifyItems", "justify-items", "legacy stretch");	290 checkBadValues(element, "justifyItems", "justify-items", "legacy stretch");

293 checkBadValues(element, "justifyItems", "justify-items", "legacy");	291 checkBadValues(element, "justifyItems", "justify-items", "legacy");

294 checkBadValues(element, "justifyItems", "justify-items", "legacy left right");	292 checkBadValues(element, "justifyItems", "justify-items", "legacy left right");

295	293

296 debug("");	294 debug("");

297 debug("Test the value 'initial'");	295 debug("Test the value 'initial'");

298 checkInitialValues(element, "justifyItems", "justify-items", "", "legacy center" );	296 element.style.display = "";

	297 checkInitialValues(element, "justifyItems", "justify-items", "legacy center", "s tart");

299	298

300 debug("");	299 debug("");

301 debug("Test the value 'initial' for grid containers");	300 debug("Test the value 'initial' for grid containers");

302 checkInitialValues(element, "justifyItems", "justify-items", "grid", "left safe" );	301 element.style.display = "grid";

	302 checkInitialValues(element, "justifyItems", "justify-items", "left safe", "stret ch");

303	303

304 debug("");	304 debug("");

305 debug("Test the value 'initial' for flex containers");	305 debug("Test the value 'initial' for flex containers");

306 checkInitialValues(element, "justifyItems", "justify-items", "flex", "right true ");	306 element.style.display = "flex";

	307 checkInitialValues(element, "justifyItems", "justify-items", "right true", "stre tch");

307	308

308 debug("");	309 debug("");

309 debug("Test the value 'inherit'");	310 debug("Test the value 'inherit'");

310 checkInheritValues(element, "justifyItems", "justify-items", "end");	311 checkInheritValues("justifyItems", "justify-items", "end");

311 checkInheritValues(element, "justifyItems", "justify-items", "left safe");	312 checkInheritValues("justifyItems", "justify-items", "left safe");

312 checkInheritValues(element, "justifyItems", "justify-items", "legacy center");	313 checkInheritValues("justifyItems", "justify-items", "legacy center");

313	314

314 debug("");	315 debug("");

315 debug("Test the value 'legacy'");	316 debug("Test the value 'legacy'");

316 checkLegacyValues(element, "justifyItems", "justify-items", "legacy left");	317 checkLegacyValues("justifyItems", "justify-items", "legacy left");

317 checkLegacyValues(element, "justifyItems", "justify-items", "legacy center");	318 checkLegacyValues("justifyItems", "justify-items", "legacy center");

318 checkLegacyValues(element, "justifyItems", "justify-items", "legacy right");	319 checkLegacyValues("justifyItems", "justify-items", "legacy right");

319	320

320 </script>	321 </script>

321 </body>	322 </body>

322 </html>	323 </html>

OLD	NEW