[CSSGridLayout] Switch from parentheses to brackets for grid line names

LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.html

Index: LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.html
diff --git a/LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.html b/LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.html
index b7ed7cf92af7cfd5da67a8628736228b005fe0fb..9cb8de79ff2da27887bd739bf28a85386ac23e0e 100644
--- a/LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.html
+++ b/LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.html
@@ -39,33 +39,33 @@
 }
 
 .twoDoubleTrackWithNamedGridLineRepeat {
-    grid-template-rows: repeat(2, 10px (start) auto (end));
-    grid-template-columns: repeat(2, auto (middle) 250px (end));
+    grid-template-rows: repeat(2, 10px [start] auto [end]);
+    grid-template-columns: repeat(2, auto [middle] 250px [end]);
 }
 
 .twoDoubleTrackWithTrailingNamedGridLineRepeat {
-    grid-template-rows: repeat(2, (before) 10px);
-    grid-template-columns: repeat(2, (before) auto);
+    grid-template-rows: repeat(2, [before] 10px);
+    grid-template-columns: repeat(2, [before] auto);
 }
 
 .trailingNamedGridLineRepeat {
-    grid-template-rows: repeat(1, 10px) (end);
-    grid-template-columns: repeat(1, 250px) (end);
+    grid-template-rows: repeat(1, 10px) [end];
+    grid-template-columns: repeat(1, 250px) [end];
 }
 
 .leadingNamedGridLineRepeat {
-    grid-template-rows: (start) repeat(2, 10px);
-    grid-template-columns: (start) repeat(2, 250px);
+    grid-template-rows: [start] repeat(2, 10px);
+    grid-template-columns: [start] repeat(2, 250px);
 }
 
 .mixRepeatAfterNonRepeat {
     grid-template-rows: auto repeat(2, 10px);
-    grid-template-columns: (start) 140px repeat(2, 250px);
+    grid-template-columns: [start] 140px repeat(2, 250px);
 }
 
 .mixNonRepeatAfterRepeat {
-    grid-template-rows: repeat(2, 10px) (end) auto;
-    grid-template-columns: repeat(2, 250px) 15% (last);
+    grid-template-rows: repeat(2, 10px) [end] auto;
+    grid-template-columns: repeat(2, 250px) 15% [last];
 }
 </style>
 <script src="../../resources/js-test.js"></script>
@@ -104,12 +104,12 @@
     testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeat"), "400px 400px", "0px 0px");
     testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeatWithChildren"), "400px 400px", "44px 77px");
     testGridDefinitionsValues(document.getElementById("twoDoubleTrackRepeat"), "33px 120px 0px 120px", "10px 77px 10px 0px");
-    testGridDefinitionsValues(document.getElementById("twoDoubleTrackWithNamedGridLineRepeat"), "33px (middle) 250px (end) 0px (middle) 250px (end)", "10px (start) 77px (end) 10px (start) 0px (end)");
-    testGridDefinitionsValues(document.getElementById("twoDoubleTrackWithTrailingNamedGridLineRepeat"), "(before) 0px (before) 0px", "(before) 10px (before) 10px");
-    testGridDefinitionsValues(document.getElementById("trailingNamedGridLineRepeat"), "250px (end)", "10px (end)");
-    testGridDefinitionsValues(document.getElementById("leadingNamedGridLineRepeat"), "(start) 250px 250px", "(start) 10px 10px");
-    testGridDefinitionsValues(document.getElementById("mixRepeatAfterNonRepeat"), "(start) 140px 250px 250px", "44px 10px 10px");
-    testGridDefinitionsValues(document.getElementById("mixNonRepeatAfterRepeat"), "250px 250px 120px (last)", "10px 10px (end) 0px");
+    testGridDefinitionsValues(document.getElementById("twoDoubleTrackWithNamedGridLineRepeat"), "33px [middle] 250px [end] 0px [middle] 250px [end]", "10px [start] 77px [end] 10px [start] 0px [end]");
+    testGridDefinitionsValues(document.getElementById("twoDoubleTrackWithTrailingNamedGridLineRepeat"), "[before] 0px [before] 0px", "[before] 10px [before] 10px");
+    testGridDefinitionsValues(document.getElementById("trailingNamedGridLineRepeat"), "250px [end]", "10px [end]");
+    testGridDefinitionsValues(document.getElementById("leadingNamedGridLineRepeat"), "[start] 250px 250px", "[start] 10px 10px");
+    testGridDefinitionsValues(document.getElementById("mixRepeatAfterNonRepeat"), "[start] 140px 250px 250px", "44px 10px 10px");
+    testGridDefinitionsValues(document.getElementById("mixNonRepeatAfterRepeat"), "250px 250px 120px [last]", "10px 10px [end] 0px");
 
     debug("");
     debug("Test invalid repeat syntax.");
@@ -126,7 +126,7 @@
     testInvalidSyntax("repeat(3 , ,)");
     testInvalidSyntax("repeat(0, 15px)");
     testInvalidSyntax("repeat(-1, auto)");
-    testInvalidSyntax("repeat(1, (foo))");
+    testInvalidSyntax("repeat(1, [foo])");
     testInvalidSyntax("repeat(1, )");
     testInvalidSyntax("repeat(1)");
     // Nesting is no allowed.