| Test that setting and getting grid-start and grid-before works as expected |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Test getting -webkit-grid-start and -webkit-grid-before set through CSS |
| PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-start') is 'auto' |
| PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto' |
| PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-before') is 'auto' |
| PASS getComputedStyle(gridElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto' |
| PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-start') is '10' |
| PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-column') is '10 / auto' |
| PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-before') is '15' |
| PASS getComputedStyle(gridItemWithPositiveInteger, '').getPropertyValue('-webkit-grid-row') is '15 / auto' |
| PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-start') is '-10' |
| PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-column') is '-10 / auto' |
| PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-before') is '-15' |
| PASS getComputedStyle(gridItemWithNegativeInteger, '').getPropertyValue('-webkit-grid-row') is '-15 / auto' |
| PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-start') is 'auto' |
| PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-column') is 'auto / auto' |
| PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-before') is 'auto' |
| PASS getComputedStyle(gridItemWithAutoElement, '').getPropertyValue('-webkit-grid-row') is 'auto / auto' |
| |
| Test the initial value |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto' |
| |
| Test getting and setting grid-start and grid-before through JS |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '18' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '18 / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '66' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '66 / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '-55' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '-55 / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '-40' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '-40 / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto' |
| |
| Test setting grid-start and grid-before back to 'auto' through JS |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is '18' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is '18 / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is '66' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is '66 / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-start') is 'auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-column') is 'auto / auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-before') is 'auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-row') is 'auto / auto' |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |