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 window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto
-rows') is "30px" |
8 PASS getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-column
s') is '50px' | 8 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto
-columns') is "50px" |
9 PASS getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-rows') is
'minmax(10%, 15px)' | 9 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-row
s') is "minmax(10%, 15px)" |
10 PASS getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-columns')
is 'minmax(30%, 100px)' | 10 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-col
umns') is "minmax(30%, 100px)" |
11 PASS getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-row
s') is 'min-content' | 11 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a
uto-rows') is "min-content" |
12 PASS getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-col
umns') is 'max-content' | 12 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a
uto-columns') is "max-content" |
| 13 |
| 14 Test that getting grid-template-columns and grid-template-rows set through CSS l
ists every track listed whether implicitly or explicitly created |
| 15 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-auto-rows') is "30px" |
| 16 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-auto-columns') is "50px" |
| 17 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-template-columns') is "50px" |
| 18 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-template-rows') is "30px" |
| 19 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-auto-rows') is "30px" |
| 20 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-auto-columns') is "40px" |
| 21 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-template-columns') is "20px 40px 40px" |
| 22 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-template-rows') is "15px 30px 30px" |
| 23 |
| 24 Test that grid-template-* definitions are not affected by grid-auto-* definition
s |
| 25 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-temp
late-columns') is "none" |
| 26 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-temp
late-rows') is "none" |
| 27 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-template
-columns') is "none" |
| 28 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-template
-rows') is "none" |
| 29 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-t
emplate-columns') is "none" |
| 30 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-t
emplate-rows') is "none" |
13 | 31 |
14 Test the initial value | 32 Test the initial value |
15 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 33 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
16 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 34 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
17 | 35 |
18 Test getting and setting grid-auto-columns and grid-auto-rows through JS | 36 Test getting and setting grid-auto-columns and grid-auto-rows through JS |
19 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '180
px' | 37 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '180
px' |
20 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '660px' | 38 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '660px' |
21 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'min
max(min-content, 48px)' | 39 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'min
max(min-content, 48px)' |
22 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax
(80px, min-content)' | 40 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'minmax
(80px, min-content)' |
(...skipping 18 matching lines...) Expand all Loading... |
41 | 59 |
42 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS | 60 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS |
43 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150
%' | 61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150
%' |
44 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' | 62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' |
45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
47 PASS successfullyParsed is true | 65 PASS successfullyParsed is true |
48 | 66 |
49 TEST COMPLETE | 67 TEST COMPLETE |
50 | 68 |
OLD | NEW |