[CSS Grid Layout] Vertical rectangles not considered as valid grid areas
[WebKit-https.git] / LayoutTests / fast / css-grid-layout / grid-template-areas-get-set-expected.txt
1 This test checks that grid-template-areas is properly parsed.
2
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
4
5
6 Test getting grid-template-areas set through CSS.
7 PASS getComputedStyle(gridWithDefaultTemplate).getPropertyValue('-webkit-grid-template-areas') is "none"
8 PASS getComputedStyle(gridWithSingleStringTemplate).getPropertyValue('-webkit-grid-template-areas') is "\"area\""
9 PASS getComputedStyle(gridWithTwoColumnsTemplate).getPropertyValue('-webkit-grid-template-areas') is "\"first second\""
10 PASS getComputedStyle(gridWithTwoRowsTemplate).getPropertyValue('-webkit-grid-template-areas') is "\"first\" \"second\""
11 PASS getComputedStyle(gridWithSpanningColumnsTemplate).getPropertyValue('-webkit-grid-template-areas') is "\"span span\""
12 PASS getComputedStyle(gridWithSpanningRowsDotTemplate).getPropertyValue('-webkit-grid-template-areas') is "\"span\" \".\""
13 PASS getComputedStyle(gridWithDotColumn).getPropertyValue('-webkit-grid-template-areas') is "\"header .\" \"footer .\""
14 PASS getComputedStyle(gridWithHorizontalRectangle).getPropertyValue('-webkit-grid-template-areas') is "\"a a a\" \"a a a\""
15 PASS getComputedStyle(gridWithVerticalRectangle).getPropertyValue('-webkit-grid-template-areas') is "\"a a\" \"a a\" \"a a\""
16 Test grid-template-areas: initial
17 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "\"foobar\""
18 Test grid-template-areas: inherit
19 PASS getComputedStyle(parentElement).getPropertyValue('-webkit-grid-template-areas') is "\"foo bar\""
20 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "\"foo bar\""
21 Test invalid grid-template-areas values.
22 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
23 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
24 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
25 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
26 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
27
28 FIXME: We currently don't validate that the named grid areas are <indent>.
29 FAIL getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') should be none. Was "nav-up".
30 PASS successfullyParsed is true
31
32 TEST COMPLETE
33