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

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 0d27f64ef23d5cf111f8f7b72770d3e60938306d..f91f30b0244224088e4ff38495b94a52dff652ad 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
@@ -43,33 +43,33 @@ if (window.testRunner)
 }
 
 .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>
@@ -106,12 +106,12 @@ if (window.testRunner)
     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.");