Added more tests for grid-template

Author: FlorianRappl

src/AngleSharp.Css.Tests/Declarations/CssGridProperty.cs

@@ -628,7 +628,7 @@ public void CssGridLengthAndLengthLegal()
         }
 
         [Test]
-        public void CssGridStirngMinmaxAndStringLegal()
+        public void CssGridStringMinmaxAndStringLegal()
         {
             var snippet = @"grid: ""a"" minmax(100px, max-content) ""b"" 20%";
             var property = ParseDeclaration(snippet);
@@ -676,5 +676,88 @@ public void CssGridNoneLegal()
             Assert.IsTrue(property.HasValue);
             Assert.AreEqual("none", property.Value);
         }
+
+        [Test]
+        public void CssGridTemplateNoneLegal()
+        {
+            var snippet = @"grid-template: none";
+            var property = ParseDeclaration(snippet);
+            Assert.AreEqual("grid-template", property.Name);
+            Assert.IsTrue(property.HasValue);
+            Assert.AreEqual("none", property.Value);
+        }
+
+        [Test]
+        public void CssGridTemplateLineNamesAndStringWithFractionsLegal()
+        {
+            var snippet = @"grid-template: [header-top] ""a a a""     [header-bottom]
+                 [main-top] ""b b b"" 1fr [main-bottom] / auto 1fr auto";
+            var property = ParseDeclaration(snippet);
+            Assert.AreEqual("grid-template", property.Name);
+            Assert.IsTrue(property.HasValue);
+            Assert.AreEqual("[header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto", property.Value);
+        }
+
+        [Test]
+        public void CssGridTemplateStirngsAndWidthsLegal()
+        {
+            var snippet = @"grid-template: ""a a a"" 20%
+               ""b b b"" auto";
+            var property = ParseDeclaration(snippet);
+            Assert.AreEqual("grid-template", property.Name);
+            Assert.IsTrue(property.HasValue);
+            Assert.AreEqual("\"a a a\" 20% \"b b b\" auto", property.Value);
+        }
+
+        [Test]
+        public void CssGridTemplateStringsLegal()
+        {
+            var snippet = @"grid-template: ""a a a""
+               ""b b b""";
+            var property = ParseDeclaration(snippet);
+            Assert.AreEqual("grid-template", property.Name);
+            Assert.IsTrue(property.HasValue);
+            Assert.AreEqual("\"a a a\" \"b b b\"", property.Value);
+        }
+
+        [Test]
+        public void CssGridTemplateFitContentColumnsAndRowsLegal()
+        {
+            var snippet = @"grid-template: fit-content(100px) / fit-content(40%)";
+            var property = ParseDeclaration(snippet);
+            Assert.AreEqual("grid-template", property.Name);
+            Assert.IsTrue(property.HasValue);
+            Assert.AreEqual("fit-content(100px) / fit-content(40%)", property.Value);
+        }
+
+        [Test]
+        public void CssGridTemplateLineNamesAndPercentagesLegal()
+        {
+            var snippet = @"grid-template: [linename] 100px / [columnname1] 30% [columnname2] 70%";
+            var property = ParseDeclaration(snippet);
+            Assert.AreEqual("grid-template", property.Name);
+            Assert.IsTrue(property.HasValue);
+            Assert.AreEqual("[linename] 100px / [columnname1] 30% [columnname2] 70%", property.Value);
+        }
+
+        [Test]
+        public void CssGridTemplateRowsAndColumnsWithAutoLegal()
+        {
+            var snippet = @"grid-template: auto 1fr / auto 1fr auto";
+            var property = ParseDeclaration(snippet);
+            Assert.AreEqual("grid-template", property.Name);
+            Assert.IsTrue(property.HasValue);
+            Assert.AreEqual("auto 1fr / auto 1fr auto", property.Value);
+        }
+
+        [Test]
+        public void CssGridTemplateRowsAndColumnsWithFractionsLegal()
+        {
+            var snippet = @"grid-template: 100px 1fr / 50px 1fr";
+            var property = ParseDeclaration(snippet);
+            Assert.AreEqual("grid-template", property.Name);
+            Assert.IsTrue(property.HasValue);
+            Assert.AreEqual("100px 1fr / 50px 1fr", property.Value);
+        }
     }
 }

src/AngleSharp.Css/Declarations/GridDeclaration.cs

@@ -122,7 +122,11 @@ public ICssValue Merge(ICssValue[] values)
                 var templateColumns = values[1];
                 var templateAreas = values[2];
 
-                if (templateRows != null && templateColumns != null)
+                if (templateRows == templateColumns && templateRows == templateAreas)
+                {
+                    return templateRows;
+                }
+                else if (templateRows != null && templateColumns != null)
                 {
                     return new GridTemplate(templateRows, templateColumns, templateAreas);
                 }
@@ -150,6 +154,22 @@ public ICssValue[] Split(ICssValue value)
                         null,
                     };
                 }
+                else if (value is Identifier)
+                {
+                    return new[]
+                    {
+                        value,
+                        value,
+                        value,
+                        null,
+                        null,
+                        null,
+                        null,
+                        null,
+                        null,
+                        null,
+                    };
+                }
 
                 return null;
             }

src/AngleSharp.Css/DefaultDeclarationFactory.cs

@@ -1374,6 +1374,7 @@ public class DefaultDeclarationFactory : IDeclarationFactory
                 GridDeclaration.Name, new DeclarationInfo(
                     name: GridDeclaration.Name,
                     converter: GridDeclaration.Converter,
+                    longhands: GridDeclaration.Longhands,
                     flags: GridDeclaration.Flags)
             },
             {

src/AngleSharp.Css/Parser/Micro/GridParser.cs

@@ -32,7 +32,6 @@ public static ICssValue ParseGridTemplate(this StringSource source)
                         return new GridTemplate(rows, cols, null);
                     }
                 }
-
             }
             else
             {