| OLD | NEW |
| 1 Test that setting and getting grid-start and grid-before works as expected | 1 Test that setting and getting grid-start and grid-before 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 -webkit-grid-start and -webkit-grid-before set through CSS | 6 Test getting -webkit-grid-start and -webkit-grid-before set through CSS |
| 7 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-start') is
'auto' | 7 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-start') is
'auto' |
| 8 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') i
s 'auto / auto' | 8 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') i
s 'auto / auto' |
| 9 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-before') i
s 'auto' | 9 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-before') i
s 'auto' |
| 10 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is '
auto / auto' | 10 PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is '
auto / auto' |
| (...skipping 26 matching lines...) Expand all Loading... |
| 37 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue | 37 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 38 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue | 38 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue |
| 39 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue | 39 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue |
| 40 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue | 40 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 41 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue | 41 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue |
| 42 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue | 42 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue |
| 43 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue | 43 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 44 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue | 44 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue |
| 45 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue | 45 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue |
| 46 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue | 46 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 47 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue |
| 48 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue |
| 49 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 50 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue |
| 51 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue |
| 52 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 53 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') shou
ld be span 1 first / auto. Was auto / auto. |
| 54 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') shoul
d be span 1 first. Was auto. |
| 55 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 56 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') should
be span 1 last / auto. Was auto / auto. |
| 57 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') shou
ld be span 1 last. Was auto. |
| 58 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 59 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') shou
ld be span 2 first / auto. Was auto / auto. |
| 60 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') shoul
d be span 2 first. Was auto. |
| 61 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 62 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') should
be span 3 last / auto. Was auto / auto. |
| 63 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') shou
ld be span 3 last. Was auto. |
| 64 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 47 | 65 |
| 48 Test the initial value | 66 Test the initial value |
| 49 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' | 67 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
| 50 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' | 68 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' |
| 51 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' | 69 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
| 52 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' | 70 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
| 53 | 71 |
| 54 Test getting and setting grid-start and grid-before through JS | 72 Test getting and setting grid-start and grid-before through JS |
| 55 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue | 73 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue |
| 56 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue | 74 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue |
| (...skipping 12 matching lines...) Expand all Loading... |
| 69 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue | 87 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 70 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue | 88 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue |
| 71 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue | 89 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue |
| 72 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue | 90 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 73 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue | 91 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue |
| 74 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue | 92 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue |
| 75 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue | 93 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 76 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue | 94 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue |
| 77 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue | 95 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue |
| 78 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue | 96 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 97 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') shou
ld be span 1 nav / auto. Was auto / auto. |
| 98 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') shoul
d be span 1 nav. Was auto. |
| 99 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 100 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') should
be span 1 last / auto. Was auto / auto. |
| 101 FAIL getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') shou
ld be span 1 last. Was auto. |
| 102 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 103 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue |
| 104 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue |
| 105 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 106 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue |
| 107 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue |
| 108 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 79 | 109 |
| 80 Test setting grid-start and grid-before to 'inherit' through JS | 110 Test setting grid-start and grid-before to 'inherit' through JS |
| 81 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue | 111 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue |
| 82 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue | 112 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue |
| 83 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue | 113 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-end') is grid
EndValue |
| 84 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue | 114 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-row') is grid
RowValue |
| 85 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue | 115 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-before') is g
ridBeforeValue |
| 86 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue | 116 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-after') is gr
idAfterValue |
| 87 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue | 117 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-column') is g
ridColumnValue |
| 88 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue | 118 PASS getComputedStyle(gridItem, '').getPropertyValue('-webkit-grid-start') is gr
idStartValue |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 123 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '6
6' | 153 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '6
6' |
| 124 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '66 /
auto' | 154 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '66 /
auto' |
| 125 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' | 155 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'au
to' |
| 126 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' | 156 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'a
uto / auto' |
| 127 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' | 157 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'a
uto' |
| 128 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' | 158 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto
/ auto' |
| 129 PASS successfullyParsed is true | 159 PASS successfullyParsed is true |
| 130 | 160 |
| 131 TEST COMPLETE | 161 TEST COMPLETE |
| 132 | 162 |
| OLD | NEW |