[CSS Grid Layout] Implementation of the grid-template shorthand.

LayoutTests/fast/css-grid-layout/grid-template-shorthand-named-grid-line-and-areas-get-get.html

Index: LayoutTests/fast/css-grid-layout/grid-template-shorthand-named-grid-line-and-areas-get-get.html
diff --git a/LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html b/LayoutTests/fast/css-grid-layout/grid-template-shorthand-named-grid-line-and-areas-get-get.html
similarity index 86%
copy from LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html
copy to LayoutTests/fast/css-grid-layout/grid-template-shorthand-named-grid-line-and-areas-get-get.html
index b163ce77aca409362c5b80d336e096c20e6092bc..809dc0bc822f38c6c31dec107c9dd8c0f14c345e 100644
--- a/LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html
+++ b/LayoutTests/fast/css-grid-layout/grid-template-shorthand-named-grid-line-and-areas-get-get.html
@@ -15,56 +15,49 @@
     width: 77px;
 }
 .gridWithFixed {
-    grid-template-columns: (first) 10px;
-    grid-template-rows: (first) 15px;
+    grid-template: (first) 10px / (first) "a" 15px;
 }
 .gridWithPercent {
-    grid-template-columns: 53% (last);
-    grid-template-rows: 27% (last);
+    grid-template: 53% (last) / "a" 27% (last);
 }
 .gridWithAuto {
-    grid-template-columns: (first) auto;
-    grid-template-rows: auto (last);
+    grid-template: (first) auto / "a" (last);
 }
 .gridWithMinMax {
-    grid-template-columns: (first) minmax(10%, 15px);
-    grid-template-rows: minmax(20px, 50%) (last);
+    grid-template: (first) minmax(10%, 15px) / "a" minmax(20px, 50%) (last);
 }
 .gridWithFixedMultiple {
-    grid-template-columns: (first nav) 10px (last);
-    grid-template-rows: (first nav) 15px (last);
+    grid-template: (first nav) 10px (last) / (first nav) "a" 15px (last);
 }
 .gridWithPercentageSameStringMultipleTimes {
-    grid-template-columns: (first nav) 10% (nav) 15% (last);
-    grid-template-rows: (first nav2) 25% (nav2) 75% (last);
+    grid-template: (first nav) 10% (nav) 15% (last) / (first nav2) "a b" 25% (nav2)
+                                                                   "c d" 75% (last);
 }
 .gridWithRepeat {
-    grid-template-columns: (first) 10px repeat(2, (nav nav2) 50%);
-    grid-template-rows: 100px repeat(2, (nav nav2) 25%) (last);
+    grid-template: (first) 10px repeat(2, (nav nav2) 50%) /        "a b c" 100px (nav)
+                                                            (nav2) "d e f" 25%   (nav)
+                                                            (nav2) "g h i" 25%   (last);
 }
 .gridWithEmptyParentheses {
-    grid-template-columns: () 10px;
-    grid-template-rows: 20px (  ) 50px ();
+    grid-template: () 10px / "a" 20px (  )
+                             "b" 50px ();
 }
 .gridWithoutParentheses {
-    grid-template-columns: first nav 10px;
-    grid-template-rows: first 50% last;
+    grid-template: first nav 10px / first "a" 50% last;
 }
 .gridWithInvalidNestedParentheses {
-    grid-template-columns: (first (nav)) 10px (last);
-    grid-template-rows: (first) 50% (last (nav) nav2);
+    grid-template: (first (nav)) 10px (last) / (first) "a" 50% (last (nav) nav2);
 }
 .gridWithUnbalancedParentheses {
-    grid-template-columns: (first nav 10px;
-    grid-template-rows: (first) 50% last);
+    grid-template: (first nav 10px / (first) "a" 50% last);
 }
 .gridWithMisplacedParentheses {
-    grid-template-columns: (first 10px) 50%;
-    grid-template-rows: (first) (nav 50%);
+    grid-template: (first 10px) 50% / (first) "a b" (nav 50%);
 }
 .gridWithContiguousParentheses {
-    grid-template-columns: (first) (nav) 10px;
-    grid-template-rows: 50px (nav nav2) (middle) 10px;
+    grid-template: (first) (nav) 10px / "a" 50px (nav nav2)
+                                        "b"      (middle)
+                                        "c" 10px;
 }
 </style>
 <script src="../../resources/js-test.js"></script>