OLD | NEW |
(Empty) | |
| 1 Test that setting and getting grid-columns and grid-rows works as expected |
| 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 |
| 5 |
| 6 Test getting -webkit-grid-columns and -webkit-grid-rows set through CSS |
| 7 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns')
is 'first 10px' |
| 8 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is
'first 15px' |
| 9 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns')
is '53% last' |
| 10 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is
'27% last' |
| 11 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns')
is 'first auto' |
| 12 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is
'auto last' |
| 13 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns')
is 'first minmax(10%, 15px)' |
| 14 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is
'minmax(20px, 50%) last' |
| 15 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns')
is 'nav first 10px last' |
| 16 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is
'nav first 15px last' |
| 17 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-columns')
is 'nav first 10% nav 15% last' |
| 18 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-rows') is
'first nav2 25% nav2 75% last' |
| 19 |
| 20 Test getting and setting -webkit-grid-columns and -webkit-grid-rows through JS |
| 21 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first 18px' |
| 22 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '66p
x last' |
| 23 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first 55%' |
| 24 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '40%
last' |
| 25 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first auto' |
| 26 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'aut
o last' |
| 27 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first -webkit-min-content' |
| 28 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '-we
bkit-min-content last' |
| 29 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first -webkit-max-content' |
| 30 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '-we
bkit-max-content last' |
| 31 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first minmax(55%, 45px)' |
| 32 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'min
max(30px, 40%) last' |
| 33 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first minmax(220px, -webkit-max-content)' |
| 34 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'min
max(-webkit-max-content, 50px) last' |
| 35 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first minmax(220px, -webkit-max-content)' |
| 36 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'min
max(-webkit-max-content, 50px) last' |
| 37 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
first minmax(-webkit-min-content, -webkit-max-content)' |
| 38 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'min
max(-webkit-max-content, -webkit-min-content) last' |
| 39 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
nav first minmax(-webkit-min-content, -webkit-max-content) last' |
| 40 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'nav
first minmax(-webkit-max-content, -webkit-min-content) last' |
| 41 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
nav first minmax(-webkit-min-content, -webkit-max-content) nav auto last' |
| 42 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'fir
st nav2 minmax(-webkit-max-content, -webkit-min-content) nav2 minmax(10px, 15px)
last' |
| 43 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
foo bar auto foo auto bar' |
| 44 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'foo
bar auto foo auto bar' |
| 45 |
| 46 Test getting and setting invalid -webkit-grid-columns and -webkit-grid-rows thro
ugh JS |
| 47 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '
none' |
| 48 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'non
e' |
| 49 PASS successfullyParsed is true |
| 50 |
| 51 TEST COMPLETE |
| 52 |
OLD | NEW |