1 Tests being able to set the display to flex and inline-flex.
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 PASS flexbox.style.display is "flex"
7 PASS flexbox.style.display is "inline"
8 PASS flexbox.style.display is "inline-flex"
9 PASS flexbox.style.display is "inline-flex"
10 PASS flexbox.style.display is "block"
11 PASS flexitem.style.order is ""
12 PASS flexitem.style.order is "2"
13 PASS flexitem.style.order is "-1"
14 PASS flexitem.style.order is "0"
15 PASS flexitem.style.order is "0"
16 PASS flexitem.style.order is "0"
17 PASS flexitem.style.order is ""
18 PASS flexbox.style.justifyContent is ""
19 PASS window.getComputedStyle(flexbox, null).justifyContent is "flex-start"
20 PASS flexbox.style.justifyContent is ""
21 PASS flexbox.style.justifyContent is "flex-start"
22 PASS window.getComputedStyle(flexbox, null).justifyContent is "flex-start"
23 PASS flexbox.style.justifyContent is "flex-end"
24 PASS window.getComputedStyle(flexbox, null).justifyContent is "flex-end"
25 PASS flexbox.style.justifyContent is "center"
26 PASS window.getComputedStyle(flexbox, null).justifyContent is "center"
27 PASS flexbox.style.justifyContent is "space-between"
28 PASS window.getComputedStyle(flexbox, null).justifyContent is "space-between"
29 PASS flexbox.style.justifyContent is ""
30 PASS window.getComputedStyle(flexbox, null).justifyContent is "flex-start"
31 PASS flexbox.style.alignSelf is ""
32 PASS window.getComputedStyle(flexbox, null).alignSelf is "start"
33 PASS window.getComputedStyle(document.documentElement, null).alignSelf is "start"
34 PASS flexbox.style.alignSelf is ""
35 PASS window.getComputedStyle(flexbox, null).alignSelf is "start"
36 PASS flexbox.style.alignSelf is "auto"
37 PASS window.getComputedStyle(flexbox, null).alignSelf is "start"
38 PASS flexbox.style.alignSelf is "flex-start"
39 PASS window.getComputedStyle(flexbox, null).alignSelf is "flex-start"
40 PASS flexbox.style.alignSelf is "flex-end"
41 PASS window.getComputedStyle(flexbox, null).alignSelf is "flex-end"
42 PASS flexbox.style.alignSelf is "center"
43 PASS window.getComputedStyle(flexbox, null).alignSelf is "center"
44 PASS flexbox.style.alignSelf is "stretch"
45 PASS window.getComputedStyle(flexbox, null).alignSelf is "stretch"
46 PASS flexbox.style.alignSelf is "baseline"
47 PASS window.getComputedStyle(flexbox, null).alignSelf is "baseline"
48 PASS flexbox.style.alignSelf is ""
49 PASS window.getComputedStyle(flexbox, null).alignSelf is "start"
50 PASS flexbox.style.alignItems is ""
51 PASS flexitem.style.alignSelf is ""
52 PASS window.getComputedStyle(flexbox, null).alignItems is "stretch"
53 PASS window.getComputedStyle(flexitem, null).alignSelf is "stretch"
54 PASS flexbox.style.alignItems is ""
55 PASS flexitem.style.alignSelf is ""
56 PASS window.getComputedStyle(flexbox, null).alignItems is "stretch"
57 PASS window.getComputedStyle(flexitem, null).alignSelf is "stretch"
58 PASS flexbox.style.alignItems is "auto"
59 PASS flexitem.style.alignSelf is ""
60 PASS window.getComputedStyle(flexbox, null).alignItems is "stretch"
61 PASS window.getComputedStyle(flexitem, null).alignSelf is "stretch"
62 PASS flexbox.style.alignItems is "flex-start"
63 PASS flexitem.style.alignSelf is ""
64 PASS window.getComputedStyle(flexbox, null).alignItems is "flex-start"
65 PASS window.getComputedStyle(flexitem, null).alignSelf is "flex-start"
66 PASS flexbox.style.alignItems is "flex-end"
67 PASS window.getComputedStyle(flexbox, null).alignItems is "flex-end"
68 PASS window.getComputedStyle(flexitem, null).alignSelf is "flex-end"
69 PASS flexbox.style.alignItems is "center"
70 PASS window.getComputedStyle(flexbox, null).alignItems is "center"
71 PASS window.getComputedStyle(flexitem, null).alignSelf is "center"
72 PASS flexbox.style.alignItems is "stretch"
73 PASS window.getComputedStyle(flexbox, null).alignItems is "stretch"
74 PASS window.getComputedStyle(flexitem, null).alignSelf is "stretch"
75 PASS flexbox.style.alignItems is "baseline"
76 PASS window.getComputedStyle(flexbox, null).alignItems is "baseline"
77 PASS window.getComputedStyle(flexitem, null).alignSelf is "baseline"
78 PASS flexbox.style.alignItems is ""
79 PASS window.getComputedStyle(flexbox, null).alignItems is "stretch"
80 PASS window.getComputedStyle(flexitem, null).alignSelf is "stretch"
81 PASS flexbox.style.alignItems is ""
82 PASS window.getComputedStyle(flexbox, null).alignItems is "start"
83 PASS window.getComputedStyle(flexitem, null).alignSelf is "start"
84 PASS window.getComputedStyle(detachedFlexbox, null).alignSelf is ""
85 PASS window.getComputedStyle(detachedFlexItem, null).alignSelf is ""
86 PASS flexbox.style.flexDirection is ""
87 PASS window.getComputedStyle(flexbox, null).flexDirection is "row"
88 PASS flexbox.style.flexDirection is ""
89 PASS flexbox.style.flexDirection is "row"
90 PASS window.getComputedStyle(flexbox, null).flexDirection is "row"
91 PASS flexbox.style.flexDirection is "row-reverse"
92 PASS window.getComputedStyle(flexbox, null).flexDirection is "row-reverse"
93 PASS flexbox.style.flexDirection is "column"
94 PASS window.getComputedStyle(flexbox, null).flexDirection is "column"
95 PASS flexbox.style.flexDirection is "column-reverse"
96 PASS window.getComputedStyle(flexbox, null).flexDirection is "column-reverse"
97 PASS flexbox.style.flexWrap is ""
98 PASS window.getComputedStyle(flexbox, null).flexWrap is "nowrap"
99 PASS flexbox.style.flexWrap is ""
100 PASS flexbox.style.flexWrap is "nowrap"
101 PASS window.getComputedStyle(flexbox, null).flexWrap is "nowrap"
102 PASS flexbox.style.flexWrap is "wrap"
103 PASS window.getComputedStyle(flexbox, null).flexWrap is "wrap"
104 PASS flexbox.style.flexWrap is "wrap-reverse"
105 PASS window.getComputedStyle(flexbox, null).flexWrap is "wrap-reverse"
106 PASS flexbox.style.flexFlow is ""
107 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
108 PASS flexbox.style.flexFlow is ""
109 PASS flexbox.style.flexFlow is ""
110 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
111 PASS flexbox.style.flexFlow is ""
112 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
113 PASS flexbox.style.flexFlow is "nowrap"
114 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
115 PASS flexbox.style.flexFlow is "nowrap"
116 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
117 PASS flexbox.style.flexFlow is "wrap"
118 PASS window.getComputedStyle(flexbox, null).flexFlow is "row wrap"
119 PASS flexbox.style.flexFlow is "wrap"
120 PASS window.getComputedStyle(flexbox, null).flexFlow is "row wrap"
121 PASS flexbox.style.flexFlow is "wrap-reverse"
122 PASS window.getComputedStyle(flexbox, null).flexFlow is "row wrap-reverse"
123 PASS flexbox.style.flexFlow is "wrap-reverse"
124 PASS window.getComputedStyle(flexbox, null).flexFlow is "row wrap-reverse"
125 PASS flexbox.style.flexFlow is "row"
126 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
127 PASS flexbox.style.flexFlow is "row"
128 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
129 PASS flexbox.style.flexFlow is "row nowrap"
130 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
131 PASS flexbox.style.flexFlow is "row nowrap"
132 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
133 PASS flexbox.style.flexFlow is "row wrap"
134 PASS window.getComputedStyle(flexbox, null).flexFlow is "row wrap"
135 PASS flexbox.style.flexFlow is "row wrap"
136 PASS window.getComputedStyle(flexbox, null).flexFlow is "row wrap"
137 PASS flexbox.style.flexFlow is "row wrap-reverse"
138 PASS window.getComputedStyle(flexbox, null).flexFlow is "row wrap-reverse"
139 PASS flexbox.style.flexFlow is "row wrap-reverse"
140 PASS window.getComputedStyle(flexbox, null).flexFlow is "row wrap-reverse"
141 PASS flexbox.style.flexFlow is "row-reverse"
142 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse nowrap"
143 PASS flexbox.style.flexFlow is "row-reverse"
144 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse nowrap"
145 PASS flexbox.style.flexFlow is "row-reverse nowrap"
146 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse nowrap"
147 PASS flexbox.style.flexFlow is "row-reverse nowrap"
148 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse nowrap"
149 PASS flexbox.style.flexFlow is "row-reverse wrap"
150 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse wrap"
151 PASS flexbox.style.flexFlow is "row-reverse wrap"
152 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse wrap"
153 PASS flexbox.style.flexFlow is "row-reverse wrap-reverse"
154 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse wrap-reverse"
155 PASS flexbox.style.flexFlow is "row-reverse wrap-reverse"
156 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse wrap-reverse"
157 PASS flexbox.style.flexFlow is "column"
158 PASS window.getComputedStyle(flexbox, null).flexFlow is "column nowrap"
159 PASS flexbox.style.flexFlow is "column"
160 PASS window.getComputedStyle(flexbox, null).flexFlow is "column nowrap"
161 PASS flexbox.style.flexFlow is "column nowrap"
162 PASS window.getComputedStyle(flexbox, null).flexFlow is "column nowrap"
163 PASS flexbox.style.flexFlow is "column nowrap"
164 PASS window.getComputedStyle(flexbox, null).flexFlow is "column nowrap"
165 PASS flexbox.style.flexFlow is "column wrap"
166 PASS window.getComputedStyle(flexbox, null).flexFlow is "column wrap"
167 PASS flexbox.style.flexFlow is "column wrap"
168 PASS window.getComputedStyle(flexbox, null).flexFlow is "column wrap"
169 PASS flexbox.style.flexFlow is "column wrap-reverse"
170 PASS window.getComputedStyle(flexbox, null).flexFlow is "column wrap-reverse"
171 PASS flexbox.style.flexFlow is "column wrap-reverse"
172 PASS window.getComputedStyle(flexbox, null).flexFlow is "column wrap-reverse"
173 PASS flexbox.style.flexFlow is "column-reverse"
174 PASS window.getComputedStyle(flexbox, null).flexFlow is "column-reverse nowrap"
175 PASS flexbox.style.flexFlow is "column-reverse"
176 PASS window.getComputedStyle(flexbox, null).flexFlow is "column-reverse nowrap"
177 PASS flexbox.style.flexFlow is "column-reverse nowrap"
178 PASS window.getComputedStyle(flexbox, null).flexFlow is "column-reverse nowrap"
179 PASS flexbox.style.flexFlow is "column-reverse nowrap"
180 PASS window.getComputedStyle(flexbox, null).flexFlow is "column-reverse nowrap"
181 PASS flexbox.style.flexFlow is "column-reverse wrap"
182 PASS window.getComputedStyle(flexbox, null).flexFlow is "column-reverse wrap"
183 PASS flexbox.style.flexFlow is "column-reverse wrap"
184 PASS window.getComputedStyle(flexbox, null).flexFlow is "column-reverse wrap"
185 PASS flexbox.style.flexFlow is "column-reverse wrap-reverse"
186 PASS window.getComputedStyle(flexbox, null).flexFlow is "column-reverse wrap-reverse"
187 PASS flexbox.style.flexFlow is "column-reverse wrap-reverse"
188 PASS window.getComputedStyle(flexbox, null).flexFlow is "column-reverse wrap-reverse"
189 PASS flexbox.style.flexFlow is ""
190 PASS flexbox.style.flexFlow is ""
191 PASS flexbox.style.flexFlow is ""
192 PASS flexbox.style.flexFlow is ""
193 PASS window.getComputedStyle(flexbox, null).flexFlow is "row nowrap"
194 PASS flexbox.style.flexFlow is "column"
195 PASS window.getComputedStyle(flexbox, null).flexFlow is "column nowrap"
196 PASS flexbox.style.flexFlow is "column wrap"
197 PASS window.getComputedStyle(flexbox, null).flexFlow is "column wrap"
198 PASS flexbox.style.flexFlow is "row-reverse wrap-reverse"
199 PASS window.getComputedStyle(flexbox, null).flexFlow is "row-reverse wrap-reverse"
200 PASS foundFlexFlow is false
201 PASS flexbox.style.alignContent is ""
202 PASS window.getComputedStyle(flexbox, null).alignContent is "stretch"
203 PASS flexbox.style.alignContent is "flex-start"
204 PASS window.getComputedStyle(flexbox, null).alignContent is "flex-start"
205 PASS flexbox.style.alignContent is "flex-end"
206 PASS window.getComputedStyle(flexbox, null).alignContent is "flex-end"
207 PASS flexbox.style.alignContent is "center"
208 PASS window.getComputedStyle(flexbox, null).alignContent is "center"
209 PASS flexbox.style.alignContent is "space-between"
210 PASS window.getComputedStyle(flexbox, null).alignContent is "space-between"
211 PASS flexbox.style.alignContent is "space-around"
212 PASS window.getComputedStyle(flexbox, null).alignContent is "space-around"
213 PASS flexbox.style.alignContent is "stretch"
214 PASS window.getComputedStyle(flexbox, null).alignContent is "stretch"
215 PASS flexbox.style.alignContent is ""
216 PASS window.getComputedStyle(flexbox, null).alignContent is "stretch"
217 PASS flexbox.style.alignContent is ""
218 PASS window.getComputedStyle(flexbox, null).alignContent is "stretch"
219 PASS successfullyParsed is true