blob: 82dd9d12eae64cd900fd52dc3c63a4333c3b6e4d [file] [edit]
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