blob: c86a3fe512e7af9e27e6f4d3db0b2a3751881771 [file] [log] [blame]
This test checks that grid-area is properly parsed and stored internally.
On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
Test getting grid-area set through CSS
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "-1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "span 1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "span 1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "10"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "-1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "-5"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "span 5"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "span 8"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "9"
Test getting and setting grid-area set through JS
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "-1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "-1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "span 5"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "-1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "10"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "span 3"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
Test setting grid-area to 'initial' through JS
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "2"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "3"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "4"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
Test setting grid-area to 'inherit' through JS
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "2"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "3"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "4"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "1"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "2"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "3"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "4"
Test setting some positions to invalid values through JS
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-start') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-before') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-end') is "auto"
PASS getComputedStyle(gridItem, '').getPropertyValue('grid-after') is "auto"