[css-grid] Rows track sizes are optional in grid-template shorthand

third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html
index 177771e30f46890da7444e018ca84f4e3601aad4..809ece298ea5a8c743a0a1bc9522fbb73e13b9c9 100644
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html
@@ -24,18 +24,33 @@
 #gridTemplateComplexFormWithLineNames {
     grid-template: 10px / [head] "a" 15px [tail];
 }
+#gridTemplateComplexFormWithLineNamesWithoutRowSize {
+    grid-template: 10px / [head] "a" [tail];
+}

[svillar, 2016/02/19 11:18:00]

As you're adding also a test case with multiple names, perhaps it'd be more
interesting to add also the case of

[head] "a" [tail] 10px

for example

[Manuel Rego, 2016/02/19 12:24:36]

Yes, but for the bad values, as that would be invalid.

I've added some examples like that.

 #gridTemplateComplexFormWithLineNamesMultipleColumns {
     grid-template: 10px / [head] "a b" 15px [tail]
 }
+#gridTemplateComplexFormWithLineNamesMultipleColumnsWithoutRowSize {
+    grid-template: 10px / [head] "a b" [tail]
+}
 #gridTemplateComplexFormWithLineNamesMultipleRows {
     grid-template: 10px / [head1] "a" 15px [tail1]
                           [head2] "b" 20px [tail2];
 }
+#gridTemplateComplexFormWithLineNamesMultipleRowsWithoutRowsSizes {
+    grid-template: 10px / [head1] "a" [tail1]
+                          [head2] "b" [tail2];
+}
 #gridTemplateComplexFormWithLineNamesMultipleRowsAndColumns {
     grid-template: [first] 10px repeat(2, [nav nav2] 15px) /       "a b c" 100px [nav]
                                                             [nav2] "d e f" 25px  [nav]
                                                             [nav2] "g h i" 25px  [last];
 }
+#gridTemplateComplexFormWithLineNamesMultipleRowsAndColumnsWithoutRowsSizes {
+    grid-template: [first] 10px repeat(2, [nav nav2] 15px) /       "a b c" [nav]
+                                                            [nav2] "d e f" [nav]
+                                                            [nav2] "g h i" [last];
+}
 #gridTemplateComplexFormWithAuto {
     grid-template: 10px / "a";
 }
@@ -130,9 +145,13 @@
 <div class="grid" id="gridTemplateSimpleFormWithNone"></div>
 <div class="grid" id="gridTemplateComplexForm"></div>
 <div class="grid" id="gridTemplateComplexFormWithLineNames"></div>
+<div class="grid" id="gridTemplateComplexFormWithLineNamesWithoutRowSize"></div>
 <div class="grid" id="gridTemplateComplexFormWithLineNamesMultipleColumns"></div>
+<div class="grid" id="gridTemplateComplexFormWithLineNamesMultipleColumnsWithoutRowSize"></div>
 <div class="grid" id="gridTemplateComplexFormWithLineNamesMultipleRows"></div>
+<div class="grid" id="gridTemplateComplexFormWithLineNamesMultipleRowsWithoutRowsSizes"></div>
 <div class="grid" id="gridTemplateComplexFormWithLineNamesMultipleRowsAndColumns"></div>
+<div class="grid" id="gridTemplateComplexFormWithLineNamesMultipleRowsAndColumnsWithoutRowsSizes"></div>
 <div class="grid" id="gridTemplateComplexFormWithAuto"></div>
 <div class="grid" id="gridTemplateComplexFormOnlyAreas"></div>
 <div class="grid" id="gridTemplateNoColumnsRowWithEmptyTrailingLineNames"></div>
@@ -172,9 +191,13 @@
     testGridDefinitionsValues(document.getElementById("gridTemplateSimpleFormWithNone"), "none", "none", "none");
     testGridDefinitionsValues(document.getElementById("gridTemplateComplexForm"), "10px", "15px", '"a"');
     testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithLineNames"), "10px", "[head] 15px [tail]", '"a"');
+    testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithLineNamesWithoutRowSize"), "10px", "[head] 0px [tail]", '"a"');
     testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithLineNamesMultipleColumns"), "10px", "[head] 15px [tail]", '"a b"');
+    testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithLineNamesMultipleColumnsWithoutRowSize"), "10px", "[head] 0px [tail]", '"a b"');
     testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithLineNamesMultipleRows"), "10px", "[head1] 15px [tail1 head2] 20px [tail2]", '"a" "b"');
+    testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithLineNamesMultipleRowsWithoutRowsSizes"), "10px", "[head1] 0px [tail1 head2] 0px [tail2]", '"a" "b"');
     testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithLineNamesMultipleRowsAndColumns"), "[first] 10px [nav nav2] 15px [nav nav2] 15px", "100px [nav nav2] 25px [nav nav2] 25px [last]", '"a b c" "d e f" "g h i"');
+    testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithLineNamesMultipleRowsAndColumnsWithoutRowsSizes"), "[first] 10px [nav nav2] 15px [nav nav2] 15px", "0px [nav nav2] 0px [nav nav2] 0px [last]", '"a b c" "d e f" "g h i"');
     testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWithAuto"), "10px", "0px", '"a"');
     testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormOnlyAreas"), "none", "0px", '"a"');
     testGridDefinitionsValues(document.getElementById("gridTemplateNoColumnsRowWithEmptyTrailingLineNames"), "none", "[first] 0px", '"a"');