0d384c2820fde14e3529cb5ca96a8ecf75366319
[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(gridWithSpanningRowsDotsTemplate).getPropertyValue('-webkit-grid-template-areas') is "\"span\" \".\""
14 PASS getComputedStyle(gridWithDotColumn).getPropertyValue('-webkit-grid-template-areas') is "\"header .\" \"footer .\""
15 PASS getComputedStyle(gridWithDotsColumn).getPropertyValue('-webkit-grid-template-areas') is "\"header .\" \"footer .\""
16 PASS getComputedStyle(gridWithDotCells).getPropertyValue('-webkit-grid-template-areas') is "\"first .\" \". second\""
17 PASS getComputedStyle(gridWithDotsCells).getPropertyValue('-webkit-grid-template-areas') is "\"first .\" \". second\""
18 PASS getComputedStyle(gridWithComplexDotAreas).getPropertyValue('-webkit-grid-template-areas') is "\". header header .\" \". . . .\" \"nav main main aside\" \"nav main main aside\" \". . . aside\" \". footer footer aside\""
19 PASS getComputedStyle(gridWithComplexDotsAreas).getPropertyValue('-webkit-grid-template-areas') is "\". header header .\" \". . . .\" \"nav main main aside\" \"nav main main aside\" \". . . aside\" \". footer footer aside\""
20 PASS getComputedStyle(gridWithMixedDotAndDotsAreas).getPropertyValue('-webkit-grid-template-areas') is "\". title .\" \". main main\" \"nav . aside\" \". footer .\""
21 PASS getComputedStyle(gridWithHorizontalRectangle).getPropertyValue('-webkit-grid-template-areas') is "\"a a a\" \"a a a\""
22 PASS getComputedStyle(gridWithVerticalRectangle).getPropertyValue('-webkit-grid-template-areas') is "\"a a\" \"a a\" \"a a\""
23 Test grid-template-areas: initial
24 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "\"foobar\""
25 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
26 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "\"foobar\""
27 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
28 Test grid-template-areas: inherit
29 PASS getComputedStyle(parentElement).getPropertyValue('-webkit-grid-template-areas') is "\"foo bar\""
30 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "\"foo bar\""
31 Test invalid grid-template-areas values.
32 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
33 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
34 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
35 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
36 PASS getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') is "none"
37
38 FIXME: We currently don't validate that the named grid areas are <indent>.
39 FAIL getComputedStyle(element).getPropertyValue('-webkit-grid-template-areas') should be none. Was "nav-up".
40 PASS successfullyParsed is true
41
42 TEST COMPLETE
43