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

LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js

 description('Test that setting and getting grid-template-columns and grid-template-rows works as expected');
 
 debug("Test getting grid-template-columns and grid-template-rows set through CSS");
 testGridDefinitionsValues(document.getElementById("gridWithNoneElement"), "none", "none");
 testGridDefinitionsValues(document.getElementById("gridWithFixedElement"), "10px", "15px");
 testGridDefinitionsValues(document.getElementById("gridWithPercentElement"), "400px", "150px");
 testGridDefinitionsValues(document.getElementById("gridWithPercentWithoutSize"), "0px", "0px");
 testGridDefinitionsValues(document.getElementById("gridWithPercentWithoutSizeWithChildren"), "7px", "11px");
 testGridDefinitionsValues(document.getElementById("gridWithAutoElement"), "0px", "0px");
 testGridDefinitionsValues(document.getElementById("gridWithAutoWithoutSizeElement"), "0px", "0px");
@@ skipping 72 matching lines @@
 testGridDefinitionsSetBadJSValues("0fr", "1r");
 // A dimension doesn't allow spaces between the number and the unit.
 testGridDefinitionsSetBadJSValues(".0000fr", "13 fr");
 testGridDefinitionsSetBadJSValues("7.-fr", "-8,0fr");
 // Negative values are not allowed.
 testGridDefinitionsSetBadJSValues("-1px", "-6em");
 testGridDefinitionsSetBadJSValues("minmax(-1%, 32%)", "minmax(2vw, -6em)");
 // Invalid expressions with calc
 testGridDefinitionsSetBadJSValues("calc(16px 30px)", "calc(25px + auto)");
 testGridDefinitionsSetBadJSValues("minmax(min-content, calc())", "calc(10%(");
+// Forward slash not allowed if not part of a shorthand
+testGridDefinitionsSetBadJSValues("10px /", "15px /");
 
 debug("");
 debug("Test setting grid-template-columns and grid-template-rows back to 'none' through JS");
 testGridDefinitionsSetJSValues("18px", "66px");
 testGridDefinitionsSetJSValues("none", "none");
 
 function testInherit()
 {
     var parentElement = document.createElement("div");
     document.body.appendChild(parentElement);
@@ skipping 31 matching lines @@
     element.style.gridTemplateColumns = "initial";
     element.style.gridTemplateRows = "initial";
     shouldBe("getComputedStyle(element, '').getPropertyValue('grid-template-columns')", "'none'");
     shouldBe("getComputedStyle(element, '').getPropertyValue('grid-template-rows')", "'none'");
 
     document.body.removeChild(element);
 }
 debug("");
 debug("Test setting grid-template-columns and grid-template-rows to 'initial' through JS");
 testInitial();