| OLD | NEW |
| 1 Test that setting and getting grid-auto-columns and grid-auto-rows works as expe
cted | 1 Test that setting and getting grid-auto-columns and grid-auto-rows works as expe
cted |
| 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-auto-columns and grid-auto-rows set through CSS | 6 Test getting grid-auto-columns and grid-auto-rows set through CSS |
| 7 PASS getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-rows')
is '30px' | 7 PASS getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-rows')
is '30px' |
| 8 PASS getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-column
s') is '50px' | 8 PASS getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-column
s') is '50px' |
| 9 PASS getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-rows') is
'minmax(10%, 15px)' | 9 PASS getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-rows') is
'minmax(10%, 15px)' |
| 10 PASS getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-columns')
is 'minmax(30%, 100px)' | 10 PASS getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-columns')
is 'minmax(30%, 100px)' |
| 11 PASS getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-row
s') is '-webkit-min-content' | 11 PASS getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-row
s') is 'min-content' |
| 12 PASS getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-col
umns') is '-webkit-max-content' | 12 PASS getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-col
umns') is 'max-content' |
| 13 | 13 |
| 14 Test the initial value | 14 Test the initial value |
| 15 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 15 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 16 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 16 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 17 | 17 |
| 18 Test getting and setting grid-auto-columns and grid-auto-rows through JS | 18 Test getting and setting grid-auto-columns and grid-auto-rows through JS |
| 19 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '180
px' | 19 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '180
px' |
| 20 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '660px' | 20 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '660px' |
| 21 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'min
max(-webkit-min-content, 48px)' | 21 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'min
max(min-content, 48px)' |
| 22 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax
(80px, -webkit-min-content)' | 22 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax
(80px, min-content)' |
| 23 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'min
max(-webkit-min-content, -webkit-max-content)' | 23 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'min
max(min-content, max-content)' |
| 24 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax
(-webkit-max-content, -webkit-min-content)' | 24 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax
(max-content, min-content)' |
| 25 | 25 |
| 26 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS | 26 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS |
| 27 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 27 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 28 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 28 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 29 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 29 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 30 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 30 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 31 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 31 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 32 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 32 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 33 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 33 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 34 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 34 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 35 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 35 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 36 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 36 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 37 | 37 |
| 38 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS | 38 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS |
| 39 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50p
x' | 39 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50p
x' |
| 40 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%' | 40 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%' |
| 41 | 41 |
| 42 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS | 42 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS |
| 43 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150
%' | 43 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150
%' |
| 44 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' | 44 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' |
| 45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 47 PASS successfullyParsed is true | 47 PASS successfullyParsed is true |
| 48 | 48 |
| 49 TEST COMPLETE | 49 TEST COMPLETE |
| 50 | 50 |
| OLD | NEW |