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)" |
11 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a
uto-rows') is "min-content" | 11 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a
uto-rows') is "min-content" |
12 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a
uto-columns') is "max-content" | 12 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-a
uto-columns') is "max-content" |
13 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-au
to-rows') is "minmax(auto, 48px)" | 13 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-au
to-rows') is "minmax(auto, 48px)" |
14 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-au
to-columns') is "minmax(80px, auto)" | 14 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-au
to-columns') is "minmax(80px, auto)" |
| 15 PASS window.getComputedStyle(gridAutoFitContent, '').getPropertyValue('grid-auto
-rows') is "fit-content(50%)" |
| 16 PASS window.getComputedStyle(gridAutoFitContent, '').getPropertyValue('grid-auto
-columns') is "fit-content(30px)" |
15 | 17 |
16 Test that getting grid-template-columns and grid-template-rows set through CSS l
ists every track listed whether implicitly or explicitly created | 18 Test that getting grid-template-columns and grid-template-rows set through CSS l
ists every track listed whether implicitly or explicitly created |
17 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-auto-rows') is "30px" | 19 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-auto-rows') is "30px" |
18 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-auto-columns') is "50px" | 20 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-auto-columns') is "50px" |
19 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-template-columns') is "50px" | 21 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-template-columns') is "50px" |
20 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-template-rows') is "30px" | 22 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValu
e('grid-template-rows') is "30px" |
21 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-auto-rows') is "30px" | 23 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-auto-rows') is "30px" |
22 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-auto-columns') is "40px" | 24 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-auto-columns') is "40px" |
23 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-template-columns') is "20px 40px 40px" | 25 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-template-columns') is "20px 40px 40px" |
24 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-template-rows') is "15px 30px 30px" | 26 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').g
etPropertyValue('grid-template-rows') is "15px 30px 30px" |
(...skipping 16 matching lines...) Expand all Loading... |
41 | 43 |
42 Test getting and setting grid-auto-columns and grid-auto-rows through JS | 44 Test getting and setting grid-auto-columns and grid-auto-rows through JS |
43 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "180
px" | 45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "180
px" |
44 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "660px" | 46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "660px" |
45 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)" |
46 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)" |
47 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)" |
48 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)" |
49 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%" |
50 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%)" |
| 54 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "fit-co
ntent(5%) fit-content(40px)" |
51 | 55 |
52 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS | 56 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS |
53 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 57 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
54 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 58 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
55 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 59 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
56 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 60 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
57 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
58 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
59 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
60 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 65 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 66 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" | 67 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" | 68 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
| 69 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "aut
o" |
| 70 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto" |
65 | 71 |
66 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS | 72 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS |
67 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50p
x' | 73 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50p
x' |
68 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%' | 74 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%' |
69 | 75 |
70 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS | 76 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS |
71 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150
%' | 77 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150
%' |
72 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' | 78 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr' |
73 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' | 79 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'aut
o' |
74 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' | 80 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto' |
75 PASS successfullyParsed is true | 81 PASS successfullyParsed is true |
76 | 82 |
77 TEST COMPLETE | 83 TEST COMPLETE |
78 | 84 |
OLD | NEW |