| OLD | NEW |
| 1 Test that setting and getting grid-columns and grid-rows works 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-columns and grid-rows set through CSS | 6 Test getting grid-definition-columns and grid-definition-rows set through CSS |
| 7 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t 10px" | 7 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 10px" |
| 8 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "first 1
5px" | 8 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first 15px" |
| 9 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "53%
last" | 9 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "53% last" |
| 10 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "27% las
t" | 10 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "27% last" |
| 11 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t auto" | 11 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first auto" |
| 12 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "auto la
st" | 12 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "auto last" |
| 13 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t minmax(10%, 15px)" | 13 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(10%, 15px)" |
| 14 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-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-columns') is "nav
first 10px last" | 15 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "nav first 10px last" |
| 16 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "nav fir
st 15px last" | 16 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "nav first 15px last" |
| 17 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "nav
first 10% nav 15% last" | 17 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "nav first 10% nav 15% last" |
| 18 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "first n
av2 25% nav2 75% last" | 18 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav2 25% nav2 75% last" |
| 19 | 19 |
| 20 Test getting and setting grid-columns and grid-rows through JS | 20 Test getting and setting grid-definition-columns and grid-definition-rows throug
h JS |
| 21 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t 18px" | 21 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 18px" |
| 22 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "66px la
st" | 22 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "66px last" |
| 23 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t 55%" | 23 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first 55%" |
| 24 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "40% las
t" | 24 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "40% last" |
| 25 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t auto" | 25 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first auto" |
| 26 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "auto la
st" | 26 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "auto last" |
| 27 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t -webkit-min-content" | 27 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first -webkit-min-content" |
| 28 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "-webkit
-min-content last" | 28 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "-webkit-min-content last" |
| 29 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t -webkit-max-content" | 29 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first -webkit-max-content" |
| 30 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "-webkit
-max-content last" | 30 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "-webkit-max-content last" |
| 31 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t minmax(55%, 45px)" | 31 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(55%, 45px)" |
| 32 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(
30px, 40%) last" | 32 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(30px, 40%) last" |
| 33 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t minmax(220px, -webkit-max-content)" | 33 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(220px, -webkit-max-content)" |
| 34 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(
-webkit-max-content, 50px) last" | 34 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(-webkit-max-content, 50px) last" |
| 35 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t minmax(220px, -webkit-max-content)" | 35 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(220px, -webkit-max-content)" |
| 36 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(
-webkit-max-content, 50px) last" | 36 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(-webkit-max-content, 50px) last" |
| 37 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "firs
t minmax(-webkit-min-content, -webkit-max-content)" | 37 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "first minmax(-webkit-min-content, -webkit-max-content)" |
| 38 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(
-webkit-max-content, -webkit-min-content) last" | 38 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "minmax(-webkit-max-content, -webkit-min-content) last" |
| 39 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "nav
first minmax(-webkit-min-content, -webkit-max-content) last" | 39 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "nav first minmax(-webkit-min-content, -webkit-max-content) last" |
| 40 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "nav fir
st minmax(-webkit-max-content, -webkit-min-content) last" | 40 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "nav first minmax(-webkit-max-content, -webkit-min-content) last" |
| 41 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "nav
first minmax(-webkit-min-content, -webkit-max-content) nav auto last" | 41 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "nav first minmax(-webkit-min-content, -webkit-max-content) nav auto last" |
| 42 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "first n
av2 minmax(-webkit-max-content, -webkit-min-content) nav2 minmax(10px, 15px) las
t" | 42 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "first nav2 minmax(-webkit-max-content, -webkit-min-content) nav2 minmax(10px
, 15px) last" |
| 43 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "foo
bar auto foo auto bar" | 43 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "foo bar auto foo auto bar" |
| 44 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "foo bar
auto foo auto bar" | 44 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "foo bar auto foo auto bar" |
| 45 | 45 |
| 46 Test getting and setting invalid grid-columns and grid-rows through JS | 46 Test getting and setting invalid grid-definition-columns and grid-definition-row
s through JS |
| 47 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "none
" | 47 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-columns
') is "none" |
| 48 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "none" | 48 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-definition-rows')
is "none" |
| 49 PASS successfullyParsed is true | 49 PASS successfullyParsed is true |
| 50 | 50 |
| 51 TEST COMPLETE | 51 TEST COMPLETE |
| 52 | 52 |
| OLD | NEW |