OLD | NEW |
1 This test checks that grid-template-areas is properly parsed. | 1 This test checks that grid-template-areas is properly parsed. |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 Test getting grid-template-areas set through CSS. | 6 Test getting grid-template-areas set through CSS. |
7 PASS window.getComputedStyle(gridWithDefaultTemplate).getPropertyValue('grid-tem
plate-areas') is "none" | 7 PASS window.getComputedStyle(gridWithDefaultTemplate).getPropertyValue('grid-tem
plate-areas') is "none" |
8 PASS window.getComputedStyle(gridWithSingleStringTemplate).getPropertyValue('gri
d-template-areas') is "\"area\"" | 8 PASS window.getComputedStyle(gridWithSingleStringTemplate).getPropertyValue('gri
d-template-areas') is "\"area\"" |
9 PASS window.getComputedStyle(gridWithTwoColumnsTemplate).getPropertyValue('grid-
template-areas') is "\"first second\"" | 9 PASS window.getComputedStyle(gridWithTwoColumnsTemplate).getPropertyValue('grid-
template-areas') is "\"first second\"" |
10 PASS window.getComputedStyle(gridWithTwoRowsTemplate).getPropertyValue('grid-tem
plate-areas') is "\"first\" \"second\"" | 10 PASS window.getComputedStyle(gridWithTwoRowsTemplate).getPropertyValue('grid-tem
plate-areas') is "\"first\" \"second\"" |
(...skipping 10 matching lines...) Expand all Loading... |
21 PASS window.getComputedStyle(gridWithDotsNoSpace).getPropertyValue('grid-templat
e-areas') is "\". title . nav . . main test\"" | 21 PASS window.getComputedStyle(gridWithDotsNoSpace).getPropertyValue('grid-templat
e-areas') is "\". title . nav . . main test\"" |
22 PASS window.getComputedStyle(gridWithHorizontalRectangle).getPropertyValue('grid
-template-areas') is "\"a a a\" \"a a a\"" | 22 PASS window.getComputedStyle(gridWithHorizontalRectangle).getPropertyValue('grid
-template-areas') is "\"a a a\" \"a a a\"" |
23 PASS window.getComputedStyle(gridWithVerticalRectangle).getPropertyValue('grid-t
emplate-areas') is "\"a a\" \"a a\" \"a a\"" | 23 PASS window.getComputedStyle(gridWithVerticalRectangle).getPropertyValue('grid-t
emplate-areas') is "\"a a\" \"a a\" \"a a\"" |
24 Test grid-template-areas: initial | 24 Test grid-template-areas: initial |
25 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"\"foobar\"" | 25 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"\"foobar\"" |
26 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" | 26 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
27 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"\"foobar\"" | 27 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"\"foobar\"" |
28 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" | 28 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
29 Test grid-template-areas: inherit | 29 Test grid-template-areas: inherit |
30 PASS window.getComputedStyle(parentElement).getPropertyValue('grid-template-area
s') is "\"foo bar\"" | 30 PASS window.getComputedStyle(parentElement).getPropertyValue('grid-template-area
s') is "\"foo bar\"" |
| 31 PASS window.getComputedStyle(parentElement).getPropertyValue('grid-template-area
s') is "\"foo bar\"" |
| 32 PASS window.getComputedStyle(parentElement).getPropertyValue('grid-template-area
s') is "\"foo bar\"" |
31 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"\"foo bar\"" | 33 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"\"foo bar\"" |
32 Test invalid grid-template-areas values. | 34 Test invalid grid-template-areas values. |
33 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" | 35 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
34 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" | 36 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
35 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" | 37 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
36 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" | 38 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
37 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" | 39 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
| 40 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
| 41 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
| 42 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
| 43 PASS window.getComputedStyle(element).getPropertyValue('grid-template-areas') is
"none" |
38 | 44 |
39 FIXME: We currently don't validate that the named grid areas are <indent>. | 45 FIXME: We currently don't validate that the named grid areas are <indent>. |
40 FAIL window.getComputedStyle(element).getPropertyValue('grid-template-areas') sh
ould be none. Was "nav-up". | 46 FAIL window.getComputedStyle(element).getPropertyValue('grid-template-areas') sh
ould be none. Was "nav-up". |
41 PASS successfullyParsed is true | 47 PASS successfullyParsed is true |
42 | 48 |
43 TEST COMPLETE | 49 TEST COMPLETE |
44 | 50 |
OLD | NEW |