1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
Test that setting and getting align-items works as expected
On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
Test getting align-items set through CSS
PASS getComputedStyle(alignItemsBaseline, '').getPropertyValue('align-items') is 'baseline'
PASS getComputedStyle(alignItemsLastBaseline, '').getPropertyValue('align-items') is 'last-baseline'
PASS getComputedStyle(alignItemsStretch, '').getPropertyValue('align-items') is 'stretch'
PASS getComputedStyle(alignItemsStart, '').getPropertyValue('align-items') is 'start'
PASS getComputedStyle(alignItemsEnd, '').getPropertyValue('align-items') is 'end'
PASS getComputedStyle(alignItemsCenter, '').getPropertyValue('align-items') is 'center'
PASS getComputedStyle(alignItemsSelfEnd, '').getPropertyValue('align-items') is 'self-end'
PASS getComputedStyle(alignItemsSelfStart, '').getPropertyValue('align-items') is 'self-start'
PASS getComputedStyle(alignItemsLeft, '').getPropertyValue('align-items') is 'left'
PASS getComputedStyle(alignItemsRight, '').getPropertyValue('align-items') is 'right'
PASS getComputedStyle(alignItemsFlexStart, '').getPropertyValue('align-items') is 'flex-start'
PASS getComputedStyle(alignItemsFlexEnd, '').getPropertyValue('align-items') is 'flex-end'
PASS getComputedStyle(alignItemsEndUnsafe, '').getPropertyValue('align-items') is 'end unsafe'
PASS getComputedStyle(alignItemsCenterUnsafe, '').getPropertyValue('align-items') is 'center unsafe'
PASS getComputedStyle(alignItemsSelfEndSafe, '').getPropertyValue('align-items') is 'self-end safe'
PASS getComputedStyle(alignItemsSelfStartSafe, '').getPropertyValue('align-items') is 'self-start safe'
PASS getComputedStyle(alignItemsRightSafe, '').getPropertyValue('align-items') is 'right safe'
PASS getComputedStyle(alignItemsLeftUnsafe, '').getPropertyValue('align-items') is 'left unsafe'
PASS getComputedStyle(alignItemsFlexStartUnsafe, '').getPropertyValue('align-items') is 'flex-start unsafe'
PASS getComputedStyle(alignItemsFlexEndSafe, '').getPropertyValue('align-items') is 'flex-end safe'
Test initial value of align-items through JS
PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'start'
Test getting and setting align-items through JS
PASS element.style.alignItems is "center"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "center"
PASS element.style.alignItems is "start unsafe"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start unsafe"
PASS element.style.alignItems is "flex-end safe"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "flex-end safe"
PASS element.style.alignItems is "right"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "right"
PASS element.style.alignItems is "center"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "center"
PASS element.style.alignItems is "self-start"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "self-start"
PASS element.style.alignItems is "auto"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is "auto"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "stretch"
PASS element.style.alignItems is "auto"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "stretch"
PASS element.style.alignItems is "self-end"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "self-end"
Test bad combinations of align-items
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
PASS element.style.alignItems is ""
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
Test the value 'initial'
PASS element.style.alignItems is "center"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "center"
PASS element.style.alignItems is "initial"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "start"
Test the value 'initial' for grid containers
PASS element.style.alignItems is "left safe"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "left safe"
PASS element.style.alignItems is "initial"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "stretch"
Test the value 'initial' for flex containers
PASS element.style.alignItems is "right unsafe"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "right unsafe"
PASS element.style.alignItems is "initial"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "stretch"
Test the value 'inherit'
PASS element.style.alignItems is "end"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "end"
PASS element.style.alignItems is "inherit"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "end"
PASS element.style.alignItems is "left safe"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "left safe"
PASS element.style.alignItems is "inherit"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "left safe"
PASS element.style.alignItems is "center unsafe"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "center unsafe"
PASS element.style.alignItems is "inherit"
PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "center unsafe"
PASS successfullyParsed is true
TEST COMPLETE
|
