[CSS Grid Layout] Fix grid-template-areas parsing to avoid spaces

LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html

Index: LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html
diff --git a/LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html b/LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html
index d2ca1da704b6daf5dd3489a48a14755e8ce9ddc6..040a773dc9a4bc52536a6696e70928bb41603000 100644
--- a/LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html
+++ b/LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html
@@ -75,6 +75,10 @@
                          ". footer ......";
 }
 
+#gridWithDotsNoSpace {
+    grid-template-areas: ".title...nav. ..main test";
+}
+
 #gridWithHorizontalRectangle {
     grid-template-areas: "a a a"
                          "a a a";
@@ -104,6 +108,7 @@
 <div class="grid" id="gridWithComplexDotAreas"></div>
 <div class="grid" id="gridWithComplexDotsAreas"></div>
 <div class="grid" id="gridWithMixedDotAndDotsAreas"></div>
+<div class="grid" id="gridWithDotsNoSpace"></div>
 <div class="grid" id="gridWithHorizontalRectangle"></div>
 <div class="grid" id="gridWithVerticalRectangle"></div>
 <script>
@@ -152,6 +157,9 @@
     var gridWithMixedDotAndDotsAreas = document.getElementById("gridWithMixedDotAndDotsAreas");
     shouldBeEqualToString("window.getComputedStyle(gridWithMixedDotAndDotsAreas).getPropertyValue('grid-template-areas')", '". title ." ". main main" "nav . aside" ". footer ."')
 
+    var gridWithDotsNoSpace = document.getElementById("gridWithDotsNoSpace");
+    shouldBeEqualToString("window.getComputedStyle(gridWithDotsNoSpace).getPropertyValue('grid-template-areas')", '". title . nav . . main test"')
+
     var gridWithHorizontalRectangle = document.getElementById("gridWithHorizontalRectangle");
     shouldBeEqualToString("window.getComputedStyle(gridWithHorizontalRectangle).getPropertyValue('grid-template-areas')", '"a a a" "a a a"');