blob: a2874ffe7e9e5637a0117886ea2fd9b5cc8ec07b [file] [log] [blame]
Test that setting and getting grid-columns and grid-rows works as expected
On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
Test getting grid-columns and grid-rows set through CSS
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first 10px"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "first 15px"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "53% last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "27% last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first auto"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "auto last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first minmax(10%, 15px)"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(20px, 50%) last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "nav first 10px last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "nav first 15px last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "nav first 10% nav 15% last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "first nav2 25% nav2 75% last"
Test getting and setting grid-columns and grid-rows through JS
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first 18px"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "66px last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first 55%"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "40% last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first auto"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "auto last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first -webkit-min-content"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "-webkit-min-content last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first -webkit-max-content"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "-webkit-max-content last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first minmax(55%, 45px)"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(30px, 40%) last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first minmax(220px, -webkit-max-content)"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(-webkit-max-content, 50px) last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first minmax(220px, -webkit-max-content)"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(-webkit-max-content, 50px) last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "first minmax(-webkit-min-content, -webkit-max-content)"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "minmax(-webkit-max-content, -webkit-min-content) last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "nav first minmax(-webkit-min-content, -webkit-max-content) last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "nav first minmax(-webkit-max-content, -webkit-min-content) last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "nav first minmax(-webkit-min-content, -webkit-max-content) nav auto last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "first nav2 minmax(-webkit-max-content, -webkit-min-content) nav2 minmax(10px, 15px) last"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "foo bar auto foo auto bar"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "foo bar auto foo auto bar"
Test getting and setting invalid grid-columns and grid-rows through JS
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-columns') is "none"
PASS getComputedStyle(gridElement, '').getPropertyValue('grid-rows') is "none"
PASS successfullyParsed is true
TEST COMPLETE