[CSS Grid Layout] Update named grid lines syntax to the last version of the specs

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

Index: LayoutTests/fast/css-grid-layout/non-grid-element-repeat-get-set.html
diff --git a/LayoutTests/fast/css-grid-layout/non-grid-element-repeat-get-set.html b/LayoutTests/fast/css-grid-layout/non-grid-element-repeat-get-set.html
index 1180195907cd9591b9fac29b95e22abc1118391e..0a57396a0fd519d37069f64855aef18f433f1956 100644
--- a/LayoutTests/fast/css-grid-layout/non-grid-element-repeat-get-set.html
+++ b/LayoutTests/fast/css-grid-layout/non-grid-element-repeat-get-set.html
@@ -19,33 +19,33 @@
 }
 
 .twoDoubleTrackWithNamedGridLineRepeat {
-    grid-definition-rows: repeat(2, 10px 'start' auto 'end');
-    grid-definition-columns: repeat(2, auto 'middle' 250px 'end');
+    grid-definition-rows: repeat(2, 10px (start) auto (end));
+    grid-definition-columns: repeat(2, auto (middle) 250px (end));
 }
 
 .twoDoubleTrackWithTrailingNamedGridLineRepeat {
-    grid-definition-rows: repeat(2, 'before' 10px);
-    grid-definition-columns: repeat(2, 'before' auto);
+    grid-definition-rows: repeat(2, (before) 10px);
+    grid-definition-columns: repeat(2, (before) auto);
 }
 
 .trailingNamedGridLineRepeat {
-    grid-definition-rows: repeat(1, 10px) 'end';
-    grid-definition-columns: repeat(1, 250px) 'end';
+    grid-definition-rows: repeat(1, 10px) (end);
+    grid-definition-columns: repeat(1, 250px) (end);
 }
 
 .leadingNamedGridLineRepeat {
-    grid-definition-rows: 'start' repeat(2, 10px);
-    grid-definition-columns: 'start' repeat(2, 250px);
+    grid-definition-rows: (start) repeat(2, 10px);
+    grid-definition-columns: (start) repeat(2, 250px);
 }
 
 .mixRepeatAfterNonRepeat {
     grid-definition-rows: auto repeat(2, 10px);
-    grid-definition-columns: 'start' 140px repeat(2, 250px);
+    grid-definition-columns: (start) 140px repeat(2, 250px);
 }
 
 .mixNonRepeatAfterRepeat {
-    grid-definition-rows: repeat(2, 10px) 'end' auto;
-    grid-definition-columns: repeat(2, 250px) 15% 'last';
+    grid-definition-rows: repeat(2, 10px) (end) auto;
+    grid-definition-columns: repeat(2, 250px) 15% (last);
 }
 </style>
 <script src="../../resources/js-test.js"></script>
@@ -69,12 +69,12 @@
     testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeat"), "15%", "18px");
     testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeat"), "minmax(15px, 50%) minmax(15px, 50%)", "auto auto");
     testGridDefinitionsValues(document.getElementById("twoDoubleTrackRepeat"), "auto minmax(100px, 120px) auto minmax(100px, 120px)", "minmax(5px, 10px) auto minmax(5px, 10px) auto");
-    testGridDefinitionsValues(document.getElementById("twoDoubleTrackWithNamedGridLineRepeat"), "auto middle 250px end auto middle 250px end", "10px start auto end 10px start auto end");
-    testGridDefinitionsValues(document.getElementById("twoDoubleTrackWithTrailingNamedGridLineRepeat"), "before auto before auto", "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", "auto 10px 10px");
-    testGridDefinitionsValues(document.getElementById("mixNonRepeatAfterRepeat"), "250px 250px 15% last", "10px 10px end auto");
+    testGridDefinitionsValues(document.getElementById("twoDoubleTrackWithNamedGridLineRepeat"), "auto (middle) 250px (end) auto (middle) 250px (end)", "10px (start) auto (end) 10px (start) auto (end)");
+    testGridDefinitionsValues(document.getElementById("twoDoubleTrackWithTrailingNamedGridLineRepeat"), "(before) auto (before) auto", "(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", "auto 10px 10px");
+    testGridDefinitionsValues(document.getElementById("mixNonRepeatAfterRepeat"), "250px 250px 15% (last)", "10px 10px (end) auto");
 
     debug("");
     debug("Test invalid repeat syntax.");