Allow defining named grid lines on the grid element

LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt

Index: LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt
diff --git a/LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt b/LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt
new file mode 100644
index 0000000000000000000000000000000000000000..93eea9cf28f806baeb8fa3a2b57083b725467a40
--- /dev/null
+++ b/LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt
@@ -0,0 +1,52 @@
+Test that setting and getting grid-columns and grid-rows works as expected
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Test getting -webkit-grid-columns and -webkit-grid-rows set through CSS
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first 10px"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "first 15px"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "53% last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "27% last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first auto"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "auto last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first minmax(10%, 15px)"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "minmax(20px, 50%) last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "nav first 10px last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "nav first 15px last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "nav first 10% nav 15% last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "first nav2 25% nav2 75% last"
+
+Test getting and setting -webkit-grid-columns and -webkit-grid-rows through JS
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first 18px"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "66px last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first 55%"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "40% last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first auto"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "auto last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first -webkit-min-content"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "-webkit-min-content last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first -webkit-max-content"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "-webkit-max-content last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first minmax(55%, 45px)"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "minmax(30px, 40%) last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first minmax(220px, -webkit-max-content)"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "minmax(-webkit-max-content, 50px) last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first minmax(220px, -webkit-max-content)"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "minmax(-webkit-max-content, 50px) last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "first minmax(-webkit-min-content, -webkit-max-content)"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "minmax(-webkit-max-content, -webkit-min-content) last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "nav first minmax(-webkit-min-content, -webkit-max-content) last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "nav first minmax(-webkit-max-content, -webkit-min-content) last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "nav first minmax(-webkit-min-content, -webkit-max-content) nav auto last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "first nav2 minmax(-webkit-max-content, -webkit-min-content) nav2 minmax(10px, 15px) last"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "foo bar auto foo auto bar"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "foo bar auto foo auto bar"
+
+Test getting and setting invalid -webkit-grid-columns and -webkit-grid-rows through JS
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns') is "none"
+PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is "none"
+PASS successfullyParsed is true
+
+TEST COMPLETE
+