OLD | NEW |
1 Test that setting and getting grid-definition-columns and grid-definition-rows w
orks as expected | 1 Test that setting and getting grid-definition-columns and grid-definition-rows w
orks as expected |
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-definition-columns and grid-definition-rows set through CSS | 6 Test getting grid-definition-columns and grid-definition-rows set through CSS |
7 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 10px" | 7 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 10px" |
8 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first 15px" | 8 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first 15px" |
9 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "53% last" | 9 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "53% last" |
10 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "27% last" | 10 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "27% last" |
11 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first auto" | 11 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first auto" |
12 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "auto last" | 12 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "auto last" |
13 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(10%, 15px)" | 13 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(10%, 15px)" |
14 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(20px, 50%) last" | 14 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(20px, 50%) last" |
15 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first nav 10px last" | 15 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first nav 10px last" |
16 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav 15px last" | 16 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav 15px last" |
17 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first nav 10% nav 15% last" | 17 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first nav 10% nav 15% last" |
18 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav2 25% nav2 75% last" | 18 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav2 25% nav2 75% last" |
| 19 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 10px nav nav2 50% nav nav2 50%" |
| 20 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "100px nav nav2 25% nav nav2 25% last" |
| 21 |
| 22 Test getting invalid grid-definition-columns and grid-definition-rows set throug
h CSS |
| 23 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 24 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
| 25 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 26 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
| 27 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 28 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
| 29 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 30 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
19 | 31 |
20 Test getting and setting grid-definition-columns and grid-definition-rows throug
h JS | 32 Test getting and setting grid-definition-columns and grid-definition-rows throug
h JS |
21 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 18px" | 33 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 18px" |
22 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "66px last" | 34 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "66px last" |
23 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 55%" | 35 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 55%" |
24 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "40% last" | 36 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "40% last" |
25 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first auto" | 37 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first auto" |
26 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "auto last" | 38 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "auto last" |
27 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first min-content" | 39 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first min-content" |
28 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "min-content last" | 40 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "min-content last" |
29 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first max-content" | 41 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first max-content" |
30 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "max-content last" | 42 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "max-content last" |
31 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(55%, 45px)" | 43 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(55%, 45px)" |
32 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(30px, 40%) last" | 44 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(30px, 40%) last" |
33 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(220px, max-content)" | 45 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(220px, max-content)" |
34 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(max-content, 50px) last" | 46 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(max-content, 50px) last" |
35 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(220px, max-content)" | 47 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(220px, max-content)" |
36 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(max-content, 50px) last" | 48 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(max-content, 50px) last" |
37 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(min-content, max-content)" | 49 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(min-content, max-content)" |
38 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(max-content, min-content) last" | 50 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(max-content, min-content) last" |
39 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first nav minmax(min-content, max-content) last" | 51 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first nav minmax(min-content, max-content) last" |
40 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav minmax(max-content, min-content) last" | 52 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav minmax(max-content, min-content) last" |
41 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first nav minmax(min-content, max-content) nav auto last" | 53 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first nav minmax(min-content, max-content) nav auto last" |
42 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav2 minmax(max-content, min-content) nav2 minmax(10px, 15px) last" | 54 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav2 minmax(max-content, min-content) nav2 minmax(10px, 15px) last" |
43 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "foo bar auto foo auto bar" | 55 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "foo bar auto foo auto bar" |
44 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "foo bar auto foo auto bar" | 56 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "foo bar auto foo auto bar" |
| 57 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first auto foo bar 20px foo bar 20px" |
| 58 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "220px foo 50% baz" |
45 | 59 |
46 Test getting and setting invalid grid-definition-columns and grid-definition-row
s through JS | 60 Test getting and setting invalid grid-definition-columns and grid-definition-row
s through JS |
47 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" | 61 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
48 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" | 62 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
49 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" | 63 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
50 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" | 64 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
| 65 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 66 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
| 67 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 68 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
| 69 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 70 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
| 71 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 72 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
51 PASS successfullyParsed is true | 73 PASS successfullyParsed is true |
52 | 74 |
53 TEST COMPLETE | 75 TEST COMPLETE |
54 | 76 |
OLD | NEW |