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: Created 6 years, 5 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-expected.txt ('K') | « LayoutTests/fast/alignment/parse-align-self-expected.txt ('k') | LayoutTests/fast/alignment/parse-justify-items-expected.txt » ('j') | Source/core/css/resolver/StyleAdjuster.cpp » ('J')
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 41 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
313	311

314 debug("");	312 debug("");

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

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

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

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

319	317

320 </script>	318 </script>

321 </body>	319 </body>

322 </html>	320 </html>

OLD	NEW