| 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 -webkit-grid-columns and -webkit-grid-rows set through CSS |
| PASS getComputedStyle(gridWithNoneElement, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(gridWithNoneElement, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-columns') is '10px' |
| PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-rows') is '15px' |
| PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-columns') is '53%' |
| PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-rows') is '27%' |
| PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-columns') is 'auto' |
| PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-rows') is 'auto' |
| PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-columns') is '100px' |
| PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-rows') is '150px' |
| PASS getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('-webkit-grid-columns') is '64px' |
| PASS getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('-webkit-grid-rows') is '60px' |
| PASS getComputedStyle(gridWithMinMax, '').getPropertyValue('-webkit-grid-columns') is 'minmax(10%, 15px)' |
| PASS getComputedStyle(gridWithMinMax, '').getPropertyValue('-webkit-grid-rows') is 'minmax(20px, 50%)' |
| PASS getComputedStyle(gridWithMinContent, '').getPropertyValue('-webkit-grid-columns') is '-webkit-min-content' |
| PASS getComputedStyle(gridWithMinContent, '').getPropertyValue('-webkit-grid-rows') is '-webkit-min-content' |
| PASS getComputedStyle(gridWithMaxContent, '').getPropertyValue('-webkit-grid-columns') is '-webkit-max-content' |
| PASS getComputedStyle(gridWithMaxContent, '').getPropertyValue('-webkit-grid-rows') is '-webkit-max-content' |
| |
| Test getting wrong values for -webkit-grid-columns and -webkit-grid-rows through CSS (they should resolve to the default: 'none') |
| PASS getComputedStyle(gridWithFitContentElement, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(gridWithFitContentElement, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| PASS getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| |
| Test the initial value |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| |
| Test getting and setting -webkit-grid-columns and -webkit-grid-rows through JS |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '18px' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '66px' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '55%' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '40%' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'auto' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '80px' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '150px' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '-webkit-min-content' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '-webkit-min-content' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '-webkit-max-content' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '-webkit-max-content' |
| |
| Test getting and setting -webkit-grid-columns and -webkit-grid-rows to minmax() values through JS |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'minmax(55%, 45px)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'minmax(30px, 40%)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'minmax(220px, 48px)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'minmax(80px, 50px)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'minmax(-webkit-min-content, 48px)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'minmax(80px, -webkit-min-content)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'minmax(220px, -webkit-max-content)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'minmax(-webkit-max-content, 50px)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'minmax(220px, -webkit-max-content)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'minmax(-webkit-max-content, 50px)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'minmax(-webkit-min-content, -webkit-max-content)' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'minmax(-webkit-max-content, -webkit-min-content)' |
| |
| Test setting grid-columns and grid-rows to bad minmax value through JS |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| |
| Test setting grid-columns and grid-rows back to 'none' through JS |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is '18px' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is '66px' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns') is 'none' |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows') is 'none' |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
