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

LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-get-set.html

Index: LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-get-set.html
diff --git a/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-get-set.html b/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-get-set.html
index 96d0c8eac8d7eba34e307eede1c3410e2e92486c..a3a07586334fca82c5fec2dfd4139e1459bfa94f 100644
--- a/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-get-set.html
+++ b/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-get-set.html
@@ -16,28 +16,28 @@
   }
 
   .gridUniqueNames {
-      grid-template-columns: (a) 50px (b b-start) 100px (c) 200px (d);
-      grid-template-rows: (e) 50px (f) 100px (g g-start) 200px (h);
+      grid-template-columns: [a] 50px [b b-start] 100px [c] 200px [d];
+      grid-template-rows: [e] 50px [f] 100px [g g-start] 200px [h];
   }
 
   .gridWithNamedLineBeforeGridArea {
-      grid-template-columns: (a-start c-start) 50px (d-start) 100px 200px;
-      grid-template-rows: (c-start) 50px (d-start) 100px 200px;
+      grid-template-columns: [a-start c-start] 50px [d-start] 100px 200px;
+      grid-template-rows: [c-start] 50px [d-start] 100px 200px;
   }
 
   .gridWithNamedLineAfterGridArea {
-      grid-template-columns: 50px 100px (a-start) 200px;
-      grid-template-rows: 50px 100px (c-start) 200px;
+      grid-template-columns: 50px 100px [a-start] 200px;
+      grid-template-rows: 50px 100px [c-start] 200px;
   }
 
   .gridWithEndLines {
-      grid-template-columns: 50px 100px (a-end) 200px (c-end);
-      grid-template-rows: 50px (c-end) 100px (d-end) 200px;
+      grid-template-columns: 50px 100px [a-end] 200px [c-end];
+      grid-template-rows: 50px [c-end] 100px [d-end] 200px;
   }
 
   .gridRepeatedNames {
-      grid-template-columns: (d-start) 50px (d-start) 100px (d-start) 200px;
-      grid-template-rows: 50px (c-end) 100px (c-end) 200px (c-end);
+      grid-template-columns: [d-start] 50px [d-start] 100px [d-start] 200px;
+      grid-template-rows: 50px [c-end] 100px [c-end] 200px [c-end];
   }
 
 </style>