[css-align] New CSS Value 'normal' for Self Alignment

third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html

Index: third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html
diff --git a/third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html b/third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html
index d1e8c77f5ce9cf604281efa0cac1ad04efd9e67f..92548d0a0e8f72acb40c9e636b5ee29395fe377b 100644
--- a/third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html
+++ b/third_party/WebKit/LayoutTests/fast/alignment/parse-justify-items.html
@@ -223,7 +223,7 @@ debug("");
 debug("Test initial value of justify-items through JS");
 element = document.createElement("div");
 document.body.appendChild(element);
-shouldBe("getComputedStyle(element, '').getPropertyValue('justify-items')", "'start'");
+shouldBe("getComputedStyle(element, '').getPropertyValue('justify-items')", "'normal'");
 
 debug("");
 debug("Test getting and setting justify-items through JS");
@@ -248,20 +248,25 @@ element.style.justifyItems = "left legacy";
 checkValues(element, "justifyItems", "justify-items",  "legacy left", "legacy left");
 
 element.style.justifyItems = "auto";
-checkValues(element, "justifyItems", "justify-items",  "auto", "start");
+checkValues(element, "justifyItems", "justify-items",  "auto", "normal");
 
 element.style.display = "flex";
 element.style.justifyItems = "auto";
-checkValues(element, "justifyItems", "justify-items",  "auto", "stretch");
+checkValues(element, "justifyItems", "justify-items",  "auto", "normal");
 
 element.style.display = "grid";
 element.style.justifyItems = "auto";
-checkValues(element, "justifyItems", "justify-items",  "auto", "stretch");
+checkValues(element, "justifyItems", "justify-items",  "auto", "normal");
 
 element.style.justifyItems = "self-end";
 checkValues(element, "justifyItems", "justify-items",  "self-end", "self-end");
 
 debug("");
+debug("Test 'auto' value resolution for the root node");
+document.documentElement.style.justifyItems = "auto";
+checkValues(document.documentElement, "justifyItems", "justify-items",  "auto", "normal");
+
+debug("");
 debug("Test bad combinations of justify-items");
 element = document.createElement("div");
 document.body.appendChild(element);
@@ -294,17 +299,17 @@ checkBadValues(element, "justifyItems", "justify-items",  "legacy left right");
 debug("");
 debug("Test the value 'initial'");
 element.style.display = "";
-checkInitialValues(element, "justifyItems", "justify-items", "legacy center", "start");
+checkInitialValues(element, "justifyItems", "justify-items", "legacy center", "normal");
 
 debug("");
 debug("Test the value 'initial' for grid containers");
 element.style.display = "grid";
-checkInitialValues(element, "justifyItems", "justify-items", "left safe", "stretch");
+checkInitialValues(element, "justifyItems", "justify-items", "left safe", "normal");
 
 debug("");
 debug("Test the value 'initial' for flex containers");
 element.style.display = "flex";
-checkInitialValues(element, "justifyItems", "justify-items", "right unsafe", "stretch");
+checkInitialValues(element, "justifyItems", "justify-items", "right unsafe", "normal");
 
 debug("");
 debug("Test the value 'inherit'");