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 |