OLD | NEW |
1 Test that setting and getting grid-column-end and grid-row-end works as expected | 1 Test that setting and getting grid-column-end and grid-row-end works 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-column-end and grid-row-end set through CSS | 6 Test getting grid-column-end and grid-row-end set through CSS |
7 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column') is "auto
/ auto" | 7 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column') is "auto
/ auto" |
8 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column-start') is
"auto" | 8 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column-start') is
"auto" |
9 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column-end') is "a
uto" | 9 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-column-end') is "a
uto" |
10 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-row') is "auto / a
uto" | 10 PASS getComputedStyle(gridElement, '').getPropertyValue('grid-row') is "auto / a
uto" |
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
69 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyV
alue('grid-column-end') is "span 2 first" | 69 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyV
alue('grid-column-end') is "span 2 first" |
70 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyV
alue('grid-row') is "auto / span 3 last" | 70 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyV
alue('grid-row') is "auto / span 3 last" |
71 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyV
alue('grid-row-start') is "auto" | 71 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyV
alue('grid-row-start') is "auto" |
72 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyV
alue('grid-row-end') is "span 3 last" | 72 PASS getComputedStyle(gridItemWithSpanNumberCustomIdentElement, '').getPropertyV
alue('grid-row-end') is "span 3 last" |
73 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column') is "
auto / firstArea" | 73 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column') is "
auto / firstArea" |
74 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column-start'
) is "auto" | 74 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column-start'
) is "auto" |
75 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column-end')
is "firstArea" | 75 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-column-end')
is "firstArea" |
76 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row') is "aut
o / thirdArea" | 76 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row') is "aut
o / thirdArea" |
77 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row-start') i
s "auto" | 77 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row-start') i
s "auto" |
78 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row-end') is
"thirdArea" | 78 PASS getComputedStyle(gridItemWithArea, '').getPropertyValue('grid-row-end') is
"thirdArea" |
| 79 PASS getComputedStyle(gridItemWithCSSWideKeyword, '').getPropertyValue('grid-col
umn') is "auto / auto" |
| 80 PASS getComputedStyle(gridItemWithCSSWideKeyword, '').getPropertyValue('grid-col
umn-start') is "auto" |
| 81 PASS getComputedStyle(gridItemWithCSSWideKeyword, '').getPropertyValue('grid-col
umn-end') is "auto" |
| 82 PASS getComputedStyle(gridItemWithCSSWideKeyword, '').getPropertyValue('grid-row
') is "auto / auto" |
| 83 PASS getComputedStyle(gridItemWithCSSWideKeyword, '').getPropertyValue('grid-row
-start') is "auto" |
| 84 PASS getComputedStyle(gridItemWithCSSWideKeyword, '').getPropertyValue('grid-row
-end') is "auto" |
| 85 PASS getComputedStyle(gridItemWithCSSWideKeyword2, '').getPropertyValue('grid-co
lumn') is "auto / auto" |
| 86 PASS getComputedStyle(gridItemWithCSSWideKeyword2, '').getPropertyValue('grid-co
lumn-start') is "auto" |
| 87 PASS getComputedStyle(gridItemWithCSSWideKeyword2, '').getPropertyValue('grid-co
lumn-end') is "auto" |
| 88 PASS getComputedStyle(gridItemWithCSSWideKeyword2, '').getPropertyValue('grid-ro
w') is "auto / auto" |
| 89 PASS getComputedStyle(gridItemWithCSSWideKeyword2, '').getPropertyValue('grid-ro
w-start') is "auto" |
| 90 PASS getComputedStyle(gridItemWithCSSWideKeyword2, '').getPropertyValue('grid-ro
w-end') is "auto" |
| 91 PASS getComputedStyle(gridItemWithSpanAuto, '').getPropertyValue('grid-column')
is "auto / auto" |
| 92 PASS getComputedStyle(gridItemWithSpanAuto, '').getPropertyValue('grid-column-st
art') is "auto" |
| 93 PASS getComputedStyle(gridItemWithSpanAuto, '').getPropertyValue('grid-column-en
d') is "auto" |
| 94 PASS getComputedStyle(gridItemWithSpanAuto, '').getPropertyValue('grid-row') is
"auto / auto" |
| 95 PASS getComputedStyle(gridItemWithSpanAuto, '').getPropertyValue('grid-row-start
') is "auto" |
| 96 PASS getComputedStyle(gridItemWithSpanAuto, '').getPropertyValue('grid-row-end')
is "auto" |
| 97 PASS getComputedStyle(gridItemWithOneAuto, '').getPropertyValue('grid-column') i
s "auto / auto" |
| 98 PASS getComputedStyle(gridItemWithOneAuto, '').getPropertyValue('grid-column-sta
rt') is "auto" |
| 99 PASS getComputedStyle(gridItemWithOneAuto, '').getPropertyValue('grid-column-end
') is "auto" |
| 100 PASS getComputedStyle(gridItemWithOneAuto, '').getPropertyValue('grid-row') is "
auto / auto" |
| 101 PASS getComputedStyle(gridItemWithOneAuto, '').getPropertyValue('grid-row-start'
) is "auto" |
| 102 PASS getComputedStyle(gridItemWithOneAuto, '').getPropertyValue('grid-row-end')
is "auto" |
| 103 PASS getComputedStyle(gridItemWithSpanAutoOne, '').getPropertyValue('grid-column
') is "auto / auto" |
| 104 PASS getComputedStyle(gridItemWithSpanAutoOne, '').getPropertyValue('grid-column
-start') is "auto" |
| 105 PASS getComputedStyle(gridItemWithSpanAutoOne, '').getPropertyValue('grid-column
-end') is "auto" |
| 106 PASS getComputedStyle(gridItemWithSpanAutoOne, '').getPropertyValue('grid-row')
is "auto / auto" |
| 107 PASS getComputedStyle(gridItemWithSpanAutoOne, '').getPropertyValue('grid-row-st
art') is "auto" |
| 108 PASS getComputedStyle(gridItemWithSpanAutoOne, '').getPropertyValue('grid-row-en
d') is "auto" |
79 | 109 |
80 Test the initial value | 110 Test the initial value |
81 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is 'auto' | 111 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is 'auto' |
82 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / au
to' | 112 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / au
to' |
83 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is 'auto' | 113 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is 'auto' |
84 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / auto' | 114 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / auto' |
85 | 115 |
86 Test getting and setting grid-column-end and grid-row-end through JS | 116 Test getting and setting grid-column-end and grid-row-end through JS |
87 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / 1
8" | 117 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column') is "auto / 1
8" |
88 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" | 118 PASS getComputedStyle(gridItem, '').getPropertyValue('grid-column-start') is "au
to" |
(...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
185 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is '66' | 215 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is '66' |
186 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / 66' | 216 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / 66' |
187 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is 'auto' | 217 PASS getComputedStyle(element, '').getPropertyValue('grid-column-end') is 'auto' |
188 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / au
to' | 218 PASS getComputedStyle(element, '').getPropertyValue('grid-column') is 'auto / au
to' |
189 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is 'auto' | 219 PASS getComputedStyle(element, '').getPropertyValue('grid-row-end') is 'auto' |
190 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / auto' | 220 PASS getComputedStyle(element, '').getPropertyValue('grid-row') is 'auto / auto' |
191 PASS successfullyParsed is true | 221 PASS successfullyParsed is true |
192 | 222 |
193 TEST COMPLETE | 223 TEST COMPLETE |
194 | 224 |
OLD | NEW |