| 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 window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto
-rows') is "30px" | 7 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto
-rows') is "30px" |
| 8 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto
-columns') is "50px" | 8 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto
-columns') is "50px" |
| 9 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-row
s') is "minmax(10%, 15px)" | 9 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-row
s') is "minmax(10%, 15px)" |
| 10 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-col
umns') is "minmax(30%, 100px)" | 10 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-col
umns') is "minmax(30%, 100px)" |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "180
px" | 45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "180
px" |
| 46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "660px" | 46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "660px" |
| 47 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min
max(min-content, 48px)" | 47 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min
max(min-content, 48px)" |
| 48 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax
(80px, min-content)" | 48 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax
(80px, min-content)" |
| 49 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min
max(min-content, max-content)" | 49 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min
max(min-content, max-content)" |
| 50 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax
(max-content, min-content)" | 50 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax
(max-content, min-content)" |
| 51 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min
max(min-content, 10px) 48px 5%" | 51 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "min
max(min-content, 10px) 48px 5%" |
| 52 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto 3
0px minmax(10%, 60%)" | 52 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto 3
0px minmax(10%, 60%)" |
| 53 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "fit
-content(10px) fit-content(30%)" | 53 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "fit
-content(10px) fit-content(30%)" |
| 54 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "fit-co
ntent(5%) fit-content(40px)" | 54 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "fit-co
ntent(5%) fit-content(40px)" |
| 55 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "2fr
" |
| 56 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "1fr" |
| 55 | 57 |
| 56 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS | 58 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS |
| 57 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 59 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 58 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 60 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 59 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 60 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 65 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 66 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| (...skipping 10 matching lines...) Expand all Loading... |
| 75 | 77 |
| 76 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS | 78 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS |
| 77 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150
%' | 79 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150
%' |
| 78 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' | 80 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' |
| 79 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 81 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
| 80 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 82 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
| 81 PASS successfullyParsed is true | 83 PASS successfullyParsed is true |
| 82 | 84 |
| 83 TEST COMPLETE | 85 TEST COMPLETE |
| 84 | 86 |
| OLD | NEW |