OLD | NEW |
1 Test that setting and getting grid-definition-columns and grid-definition-rows w
orks as expected | 1 Test that setting and getting grid-definition-columns and grid-definition-rows w
orks as expected |
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-definition-columns| and |grid-definition-rows| set through CS
S | 6 Test getting |grid-definition-columns| and |grid-definition-rows| set through CS
S |
7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de
finition-columns') is "7px 11px" | 7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de
finition-columns') is "7px 11px" |
8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de
finition-rows') is "17px 2px" | 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de
finition-rows') is "17px 2px" |
9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
definition-columns') is "53% 99%" | 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
definition-columns') is "53% 99%" |
10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
definition-rows') is "27% 52%" | 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-
definition-rows') is "27% 52%" |
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
83 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 83 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
84 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "none" | 84 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "none" |
85 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 85 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
86 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "none" | 86 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "none" |
87 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 87 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
88 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "none" | 88 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "none" |
89 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" | 89 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "none" |
90 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "none" | 90 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "none" |
91 | 91 |
92 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu
gh JS | 92 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu
gh JS |
93 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "50px 1fr last" | 93 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "50px 1fr (last)" |
94 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "101% middle 45px" | 94 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "101% (middle) 45px" |
95 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "50px 1fr last" | 95 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "50px 1fr (last)" |
96 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "101% middle 45px" | 96 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "101% (middle) 45px" |
97 | 97 |
98 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu
gh JS | 98 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu
gh JS |
99 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "150% middle 55px" | 99 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu
mns') is "150% (middle) 55px" |
100 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "1fr line 2fr line" | 100 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows
') is "1fr (line) 2fr (line)" |
101 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i
s 'none' | 101 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i
s 'none' |
102 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is '
none' | 102 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is '
none' |
103 PASS successfullyParsed is true | 103 PASS successfullyParsed is true |
104 | 104 |
105 TEST COMPLETE | 105 TEST COMPLETE |
106 | 106 |
OLD | NEW |