| Test that setting and getting grid-auto-flow works as expected |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Test getting grid-auto-flow set through CSS |
| PASS window.getComputedStyle(gridAutoFlowColumnSparse, '').getPropertyValue('grid-auto-flow') is 'column' |
| PASS window.getComputedStyle(gridAutoFlowRowSparse, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS window.getComputedStyle(gridAutoFlowDense, '').getPropertyValue('grid-auto-flow') is 'row dense' |
| PASS window.getComputedStyle(gridAutoFlowColumnDense, '').getPropertyValue('grid-auto-flow') is 'column dense' |
| PASS window.getComputedStyle(gridAutoFlowRowDense, '').getPropertyValue('grid-auto-flow') is 'row dense' |
| PASS window.getComputedStyle(gridAutoFlowDenseColumn, '').getPropertyValue('grid-auto-flow') is 'column dense' |
| PASS window.getComputedStyle(gridAutoFlowDenseRow, '').getPropertyValue('grid-auto-flow') is 'row dense' |
| PASS window.getComputedStyle(gridAutoFlowInherit, '').getPropertyValue('grid-auto-flow') is 'column' |
| PASS window.getComputedStyle(gridAutoFlowNoInherit, '').getPropertyValue('grid-auto-flow') is 'row' |
| |
| Test getting grid-auto-flow bad values set through CSS |
| PASS window.getComputedStyle(gridAutoFlowNone, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS window.getComputedStyle(gridAutoFlowColumns, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS window.getComputedStyle(gridAutoFlowRows, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS window.getComputedStyle(gridAutoFlowColumnFoo, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS window.getComputedStyle(gridAutoFlowColumnColumn, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS window.getComputedStyle(gridAutoFlowDenseRowRow, '').getPropertyValue('grid-auto-flow') is 'row' |
| |
| Test the initial value |
| PASS element.style.gridAutoFlow is '' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row' |
| |
| Test getting and setting grid-auto-flow through JS |
| PASS element.style.gridAutoFlow is 'column' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'column' |
| PASS element.style.gridAutoFlow is 'column dense' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'column dense' |
| PASS element.style.gridAutoFlow is 'dense' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row dense' |
| PASS element.style.gridAutoFlow is 'row dense' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row dense' |
| PASS element.style.gridAutoFlow is 'column dense' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'column dense' |
| PASS element.style.gridAutoFlow is 'row dense' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row dense' |
| PASS element.style.gridAutoFlow is 'row' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row' |
| |
| Test getting and setting bad values for grid-auto-flow through JS |
| PASS element.style.gridAutoFlow is '' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS element.style.gridAutoFlow is '' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS element.style.gridAutoFlow is '' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row' |
| |
| Test setting grid-auto-flow to 'initial' through JS |
| PASS element.style.gridAutoFlow is 'initial' |
| PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row' |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
