1 Test that setting and getting grid-auto-flow works as expected
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 Test getting grid-auto-flow set through CSS
7 PASS window.getComputedStyle(gridAutoFlowColumnSparse, '').getPropertyValue('grid-auto-flow') is 'column'
8 PASS window.getComputedStyle(gridAutoFlowRowSparse, '').getPropertyValue('grid-auto-flow') is 'row'
9 PASS window.getComputedStyle(gridAutoFlowDense, '').getPropertyValue('grid-auto-flow') is 'row dense'
10 PASS window.getComputedStyle(gridAutoFlowColumnDense, '').getPropertyValue('grid-auto-flow') is 'column dense'
11 PASS window.getComputedStyle(gridAutoFlowRowDense, '').getPropertyValue('grid-auto-flow') is 'row dense'
12 PASS window.getComputedStyle(gridAutoFlowDenseColumn, '').getPropertyValue('grid-auto-flow') is 'column dense'
13 PASS window.getComputedStyle(gridAutoFlowDenseRow, '').getPropertyValue('grid-auto-flow') is 'row dense'
14 PASS window.getComputedStyle(gridAutoFlowInherit, '').getPropertyValue('grid-auto-flow') is 'column'
15 PASS window.getComputedStyle(gridAutoFlowNoInherit, '').getPropertyValue('grid-auto-flow') is 'row'
17 Test getting grid-auto-flow bad values set through CSS
18 PASS window.getComputedStyle(gridAutoFlowNone, '').getPropertyValue('grid-auto-flow') is 'row'
19 PASS window.getComputedStyle(gridAutoFlowColumns, '').getPropertyValue('grid-auto-flow') is 'row'
20 PASS window.getComputedStyle(gridAutoFlowRows, '').getPropertyValue('grid-auto-flow') is 'row'
21 PASS window.getComputedStyle(gridAutoFlowColumnFoo, '').getPropertyValue('grid-auto-flow') is 'row'
22 PASS window.getComputedStyle(gridAutoFlowColumnColumn, '').getPropertyValue('grid-auto-flow') is 'row'
23 PASS window.getComputedStyle(gridAutoFlowStackRow, '').getPropertyValue('grid-auto-flow') is 'row'
24 PASS window.getComputedStyle(gridAutoFlowColumnStack, '').getPropertyValue('grid-auto-flow') is 'row'
25 PASS window.getComputedStyle(gridAutoFlowDenseColumnDense, '').getPropertyValue('grid-auto-flow') is 'row'
26 PASS window.getComputedStyle(gridAutoFlowDenseRowStack, '').getPropertyValue('grid-auto-flow') is 'row'
28 Test the initial value
29 PASS element.style.gridAutoFlow is ''
30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
31 Test getting and setting grid-auto-flow through JS
32 PASS element.style.gridAutoFlow is 'column'
33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'column'
34 PASS element.style.gridAutoFlow is 'column dense'
35 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'column dense'
36 PASS element.style.gridAutoFlow is 'row dense'
37 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row dense'
38 PASS element.style.gridAutoFlow is 'dense column'
39 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'column dense'
40 PASS element.style.gridAutoFlow is 'dense row'
41 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row dense'
42 PASS element.style.gridAutoFlow is 'row'
43 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
45 Test getting and setting bad values for grid-auto-flow through JS
46 PASS element.style.gridAutoFlow is ''
47 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
48 PASS element.style.gridAutoFlow is ''
49 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
50 PASS element.style.gridAutoFlow is ''
51 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
52 PASS element.style.gridAutoFlow is ''
53 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
54 PASS element.style.gridAutoFlow is ''
55 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
56 PASS element.style.gridAutoFlow is ''
57 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
58 PASS element.style.gridAutoFlow is ''
59 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
61 Test setting grid-auto-flow to 'initial' through JS
62 PASS element.style.gridAutoFlow is 'initial'
63 PASS window.getComputedStyle(element, '').getPropertyValue('grid-auto-flow') is 'row'
64 PASS successfullyParsed is true