1 This test checks that grid-template is properly parsed.
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 Test getting grid-template set through CSS.
7 PASS window.getComputedStyle(gridWithDefaultTemplate).getPropertyValue('grid-template') is "none"
8 PASS window.getComputedStyle(gridWithSingleStringTemplate).getPropertyValue('grid-template') is "\"area\""
9 PASS window.getComputedStyle(gridWithTwoColumnsTemplate).getPropertyValue('grid-template') is "\"first second\""
10 PASS window.getComputedStyle(gridWithTwoRowsTemplate).getPropertyValue('grid-template') is "\"first\" \"second\""
11 PASS window.getComputedStyle(gridWithSpanningColumnsTemplate).getPropertyValue('grid-template') is "\"span span\""
12 PASS window.getComputedStyle(gridWithSpanningRowsDotTemplate).getPropertyValue('grid-template') is "\"span\" \".\""
13 PASS window.getComputedStyle(gridWithDotColumn).getPropertyValue('grid-template') is "\"header .\" \"footer .\""
14 Test grid-template: initial
15 PASS window.getComputedStyle(element).getPropertyValue('grid-template') is "\"foobar\""
16 Test grid-template: inherit
17 PASS window.getComputedStyle(parentElement).getPropertyValue('grid-template') is "\"foo bar\""
18 PASS window.getComputedStyle(element).getPropertyValue('grid-template') is "\"foo bar\""
19 Test invalid grid-template values.
20 PASS window.getComputedStyle(element).getPropertyValue('grid-template') is "none"
21 PASS window.getComputedStyle(element).getPropertyValue('grid-template') is "none"
22 PASS window.getComputedStyle(element).getPropertyValue('grid-template') is "none"
23 PASS window.getComputedStyle(element).getPropertyValue('grid-template') is "none"
24 PASS window.getComputedStyle(element).getPropertyValue('grid-template') is "none"
26 FIXME: We currently don't validate that the named grid areas are <indent>.
27 FAIL window.getComputedStyle(element).getPropertyValue('grid-template') should be none. Was "nav-up".
28 PASS successfullyParsed is true