This test checks that grid-template is properly parsed.

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


Test getting grid-template set through CSS.
PASS getComputedStyle(gridWithDefaultTemplate).getPropertyValue('-webkit-grid-template') is "none"
PASS getComputedStyle(gridWithSingleStringTemplate).getPropertyValue('-webkit-grid-template') is "\"area\""
PASS getComputedStyle(gridWithTwoColumnsTemplate).getPropertyValue('-webkit-grid-template') is "\"first second\""
PASS getComputedStyle(gridWithTwoRowsTemplate).getPropertyValue('-webkit-grid-template') is "\"first\" \"second\""
PASS getComputedStyle(gridWithSpanningColumnsTemplate).getPropertyValue('-webkit-grid-template') is "\"span span\""
PASS getComputedStyle(gridWithSpanningRowsDotTemplate).getPropertyValue('-webkit-grid-template') is "\"span\" \".\""
PASS getComputedStyle(gridWithDotColumn).getPropertyValue('-webkit-grid-template') is "\"header .\" \"footer .\""
Test grid-template: initial
PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template') is "\"foobar\""
Test grid-template: inherit
PASS getComputedStyle(parentElement).getPropertyValue('-webkit-grid-template') is "\"foo bar\""
PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template') is "\"foo bar\""
Test invalid grid-template values.
PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template') is "none"
PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template') is "none"
PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template') is "none"
PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template') is "none"
PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template') is "none"

FIXME: We currently don't validate that the named grid areas are <indent>.
FAIL getComputedStyle(element).getPropertyValue('-webkit-grid-template') should be none. Was "nav-up".
PASS successfullyParsed is true

TEST COMPLETE