OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
5 </head> | 5 </head> |
6 <body> | 6 <body> |
7 <div id="flexbox"> | 7 <div id="flexbox"> |
8 <div id="flexitem"></div> | 8 <div id="flexitem"></div> |
9 </div> | 9 </div> |
10 <script> | 10 <script> |
11 description('Tests setting the -webkit-flex propery.'); | 11 description('Tests setting the flex propery.'); |
12 | 12 |
13 var flexbox = document.getElementById("flexbox"); | 13 var flexbox = document.getElementById("flexbox"); |
14 var flexitem = document.getElementById("flexitem"); | 14 var flexitem = document.getElementById("flexitem"); |
15 | 15 |
16 // Test default value. | 16 // Test default value. |
17 shouldBeEqualToString('flexitem.style.webkitFlex', ''); | 17 shouldBeEqualToString('flexitem.style.flex', ''); |
18 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 auto'); | 18 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 auto'); |
19 | 19 |
20 // Should not inherit. | 20 // Should not inherit. |
21 flexbox.style.webkitFlex = '1 2 3px'; | 21 flexbox.style.flex = '1 2 3px'; |
22 shouldBeEqualToString('flexitem.style.webkitFlex', ''); | 22 shouldBeEqualToString('flexitem.style.flex', ''); |
23 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 auto'); | 23 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 auto'); |
24 | 24 |
25 // Invalid value. | 25 // Invalid value. |
26 flexitem.style.webkitFlex = 'junk'; | 26 flexitem.style.flex = 'junk'; |
27 shouldBeEqualToString('flexitem.style.webkitFlex', ''); | 27 shouldBeEqualToString('flexitem.style.flex', ''); |
28 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 auto'); | 28 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 auto'); |
29 | 29 |
30 flexitem.style.webkitFlex = '2'; | 30 flexitem.style.flex = '2'; |
31 shouldBeEqualToString('flexitem.style.webkitFlex', '2 1 0%'); | 31 shouldBeEqualToString('flexitem.style.flex', '2 1 0%'); |
32 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '2 1 0%'); | 32 shouldBeEqualToString('getComputedStyle(flexitem).flex', '2 1 0%'); |
33 | 33 |
34 flexitem.style.webkitFlex = '0'; | 34 flexitem.style.flex = '0'; |
35 shouldBeEqualToString('flexitem.style.webkitFlex', '0 1 0%'); | 35 shouldBeEqualToString('flexitem.style.flex', '0 1 0%'); |
36 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 0%'); | 36 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 0%'); |
37 | 37 |
38 flexitem.style.webkitFlex = '1.5'; | 38 flexitem.style.flex = '1.5'; |
39 shouldBeEqualToString('flexitem.style.webkitFlex', '1.5 1 0%'); | 39 shouldBeEqualToString('flexitem.style.flex', '1.5 1 0%'); |
40 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1.5 1 0%'); | 40 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1.5 1 0%'); |
41 | 41 |
42 flexitem.style.webkitFlex = 'auto'; | 42 flexitem.style.flex = 'auto'; |
43 shouldBeEqualToString('flexitem.style.webkitFlex', '1 1 auto'); | 43 shouldBeEqualToString('flexitem.style.flex', '1 1 auto'); |
44 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1 1 auto'); | 44 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1 1 auto'); |
45 | 45 |
46 flexitem.style.webkitFlex = '1px'; | 46 flexitem.style.flex = '1px'; |
47 shouldBeEqualToString('flexitem.style.webkitFlex', '1 1 1px'); | 47 shouldBeEqualToString('flexitem.style.flex', '1 1 1px'); |
48 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1 1 1px'); | 48 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1 1 1px'); |
49 | 49 |
50 flexitem.style.webkitFlex = '2em'; | 50 flexitem.style.flex = '2em'; |
51 shouldBeEqualToString('flexitem.style.webkitFlex', '1 1 2em'); | 51 shouldBeEqualToString('flexitem.style.flex', '1 1 2em'); |
52 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1 1 32px'); | 52 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1 1 32px'); |
53 | 53 |
54 flexitem.style.webkitFlex = '0px'; | 54 flexitem.style.flex = '0px'; |
55 shouldBeEqualToString('flexitem.style.webkitFlex', '1 1 0px'); | 55 shouldBeEqualToString('flexitem.style.flex', '1 1 0px'); |
56 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1 1 0px'); | 56 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1 1 0px'); |
57 | 57 |
58 flexitem.style.webkitFlex = 'none'; | 58 flexitem.style.flex = 'none'; |
59 flexitem.style.webkitFlex = '-2'; // Invalid, return previous value. | 59 flexitem.style.flex = '-2'; // Invalid, return previous value. |
60 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 60 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
61 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 61 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
62 | 62 |
63 flexitem.style.webkitFlex = '0 0'; | 63 flexitem.style.flex = '0 0'; |
64 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 0%'); | 64 shouldBeEqualToString('flexitem.style.flex', '0 0 0%'); |
65 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 0%'); | 65 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 0%'); |
66 | 66 |
67 flexitem.style.webkitFlex = '0 1'; | 67 flexitem.style.flex = '0 1'; |
68 shouldBeEqualToString('flexitem.style.webkitFlex', '0 1 0%'); | 68 shouldBeEqualToString('flexitem.style.flex', '0 1 0%'); |
69 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 0%'); | 69 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 0%'); |
70 | 70 |
71 flexitem.style.webkitFlex = '1 0'; | 71 flexitem.style.flex = '1 0'; |
72 shouldBeEqualToString('flexitem.style.webkitFlex', '1 0 0%'); | 72 shouldBeEqualToString('flexitem.style.flex', '1 0 0%'); |
73 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1 0 0%'); | 73 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1 0 0%'); |
74 | 74 |
75 flexitem.style.webkitFlex = '2 auto'; | 75 flexitem.style.flex = '2 auto'; |
76 shouldBeEqualToString('flexitem.style.webkitFlex', '2 1 auto'); | 76 shouldBeEqualToString('flexitem.style.flex', '2 1 auto'); |
77 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '2 1 auto'); | 77 shouldBeEqualToString('getComputedStyle(flexitem).flex', '2 1 auto'); |
78 | 78 |
79 flexitem.style.webkitFlex = '3 4px'; | 79 flexitem.style.flex = '3 4px'; |
80 shouldBeEqualToString('flexitem.style.webkitFlex', '3 1 4px'); | 80 shouldBeEqualToString('flexitem.style.flex', '3 1 4px'); |
81 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '3 1 4px'); | 81 shouldBeEqualToString('getComputedStyle(flexitem).flex', '3 1 4px'); |
82 | 82 |
83 flexitem.style.webkitFlex = 'auto 5.25'; | 83 flexitem.style.flex = 'auto 5.25'; |
84 shouldBeEqualToString('flexitem.style.webkitFlex', '5.25 1 auto'); | 84 shouldBeEqualToString('flexitem.style.flex', '5.25 1 auto'); |
85 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '5.25 1 auto'); | 85 shouldBeEqualToString('getComputedStyle(flexitem).flex', '5.25 1 auto'); |
86 | 86 |
87 flexitem.style.webkitFlex = '6em 4'; | 87 flexitem.style.flex = '6em 4'; |
88 shouldBeEqualToString('flexitem.style.webkitFlex', '4 1 6em'); | 88 shouldBeEqualToString('flexitem.style.flex', '4 1 6em'); |
89 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '4 1 96px'); | 89 shouldBeEqualToString('getComputedStyle(flexitem).flex', '4 1 96px'); |
90 | 90 |
91 flexitem.style.webkitFlex = '4 0px'; | 91 flexitem.style.flex = '4 0px'; |
92 shouldBeEqualToString('flexitem.style.webkitFlex', '4 1 0px'); | 92 shouldBeEqualToString('flexitem.style.flex', '4 1 0px'); |
93 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '4 1 0px'); | 93 shouldBeEqualToString('getComputedStyle(flexitem).flex', '4 1 0px'); |
94 | 94 |
95 flexitem.style.webkitFlex = '0 0px'; | 95 flexitem.style.flex = '0 0px'; |
96 shouldBeEqualToString('flexitem.style.webkitFlex', '0 1 0px'); | 96 shouldBeEqualToString('flexitem.style.flex', '0 1 0px'); |
97 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 0px'); | 97 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 0px'); |
98 | 98 |
99 flexitem.style.webkitFlex = 'none'; | 99 flexitem.style.flex = 'none'; |
100 flexitem.style.webkitFlex = '-1 5'; // Invalid, return previous value. | 100 flexitem.style.flex = '-1 5'; // Invalid, return previous value. |
101 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 101 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
102 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 102 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
103 | 103 |
104 flexitem.style.webkitFlex = '1 -1'; // Invalid, return previous value. | 104 flexitem.style.flex = '1 -1'; // Invalid, return previous value. |
105 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 105 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
106 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 106 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
107 | 107 |
108 flexitem.style.webkitFlex = '-1 -1'; // Invalid, return previous value. | 108 flexitem.style.flex = '-1 -1'; // Invalid, return previous value. |
109 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 109 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
110 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 110 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
111 | 111 |
112 flexitem.style.webkitFlex = 'auto 2em'; // Invalid, return previous value. | 112 flexitem.style.flex = 'auto 2em'; // Invalid, return previous value. |
113 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 113 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
114 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 114 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
115 | 115 |
116 flexitem.style.webkitFlex = '2px 4px'; // Invalid, return previous value. | 116 flexitem.style.flex = '2px 4px'; // Invalid, return previous value. |
117 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 117 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
118 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 118 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
119 | 119 |
120 flexitem.style.webkitFlex = '0px 0px'; // Invalid, return previous value. | 120 flexitem.style.flex = '0px 0px'; // Invalid, return previous value. |
121 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 121 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
122 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 122 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
123 | 123 |
124 flexitem.style.webkitFlex = '1 2 0'; | 124 flexitem.style.flex = '1 2 0'; |
125 shouldBeEqualToString('flexitem.style.webkitFlex', '1 2 0px'); | 125 shouldBeEqualToString('flexitem.style.flex', '1 2 0px'); |
126 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1 2 0px'); | 126 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1 2 0px'); |
127 | 127 |
128 flexitem.style.webkitFlex = '0 0 0'; | 128 flexitem.style.flex = '0 0 0'; |
129 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 0px'); | 129 shouldBeEqualToString('flexitem.style.flex', '0 0 0px'); |
130 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 0px'); | 130 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 0px'); |
131 | 131 |
132 flexitem.style.webkitFlex = '1 2 auto'; | 132 flexitem.style.flex = '1 2 auto'; |
133 shouldBeEqualToString('flexitem.style.webkitFlex', '1 2 auto'); | 133 shouldBeEqualToString('flexitem.style.flex', '1 2 auto'); |
134 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1 2 auto'); | 134 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1 2 auto'); |
135 | 135 |
136 flexitem.style.webkitFlex = '1.75 2 3px'; | 136 flexitem.style.flex = '1.75 2 3px'; |
137 shouldBeEqualToString('flexitem.style.webkitFlex', '1.75 2 3px'); | 137 shouldBeEqualToString('flexitem.style.flex', '1.75 2 3px'); |
138 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1.75 2 3px'); | 138 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1.75 2 3px'); |
139 | 139 |
140 flexitem.style.webkitFlex = '1 3px 2'; // Invalid, return previous value. | 140 flexitem.style.flex = '1 3px 2'; // Invalid, return previous value. |
141 shouldBeEqualToString('flexitem.style.webkitFlex', '1.75 2 3px'); | 141 shouldBeEqualToString('flexitem.style.flex', '1.75 2 3px'); |
142 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1.75 2 3px'); | 142 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1.75 2 3px'); |
143 | 143 |
144 flexitem.style.webkitFlex = '1 auto 1'; // Invalid, return previous value. | 144 flexitem.style.flex = '1 auto 1'; // Invalid, return previous value. |
145 shouldBeEqualToString('flexitem.style.webkitFlex', '1.75 2 3px'); | 145 shouldBeEqualToString('flexitem.style.flex', '1.75 2 3px'); |
146 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1.75 2 3px'); | 146 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1.75 2 3px'); |
147 | 147 |
148 flexitem.style.webkitFlex = '3px 1 2'; | 148 flexitem.style.flex = '3px 1 2'; |
149 shouldBeEqualToString('flexitem.style.webkitFlex', '1 2 3px'); | 149 shouldBeEqualToString('flexitem.style.flex', '1 2 3px'); |
150 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '1 2 3px'); | 150 shouldBeEqualToString('getComputedStyle(flexitem).flex', '1 2 3px'); |
151 | 151 |
152 flexitem.style.webkitFlex = 'auto 0 0'; | 152 flexitem.style.flex = 'auto 0 0'; |
153 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 153 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
154 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 154 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
155 | 155 |
156 flexitem.style.webkitFlex = 'auto 0'; | 156 flexitem.style.flex = 'auto 0'; |
157 shouldBeEqualToString('flexitem.style.webkitFlex', '0 1 auto'); | 157 shouldBeEqualToString('flexitem.style.flex', '0 1 auto'); |
158 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 auto'); | 158 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 auto'); |
159 | 159 |
160 flexitem.style.webkitFlex = 'auto 3'; | 160 flexitem.style.flex = 'auto 3'; |
161 shouldBeEqualToString('flexitem.style.webkitFlex', '3 1 auto'); | 161 shouldBeEqualToString('flexitem.style.flex', '3 1 auto'); |
162 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '3 1 auto'); | 162 shouldBeEqualToString('getComputedStyle(flexitem).flex', '3 1 auto'); |
163 | 163 |
164 flexitem.style.webkitFlex = '0px 0'; | 164 flexitem.style.flex = '0px 0'; |
165 shouldBeEqualToString('flexitem.style.webkitFlex', '0 1 0px'); | 165 shouldBeEqualToString('flexitem.style.flex', '0 1 0px'); |
166 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 0px'); | 166 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 0px'); |
167 | 167 |
168 flexitem.style.webkitFlex = '0 0px 0'; // Invalid, return previous value. | 168 flexitem.style.flex = '0 0px 0'; // Invalid, return previous value. |
169 shouldBeEqualToString('flexitem.style.webkitFlex', '0 1 0px'); | 169 shouldBeEqualToString('flexitem.style.flex', '0 1 0px'); |
170 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 0px'); | 170 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 0px'); |
171 | 171 |
172 flexitem.style.webkitFlex = 'none'; | 172 flexitem.style.flex = 'none'; |
173 flexitem.style.webkitFlex = '1 2 3'; // Invalid, return previous value. | 173 flexitem.style.flex = '1 2 3'; // Invalid, return previous value. |
174 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 174 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
175 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 175 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
176 | 176 |
177 flexitem.style.webkitFlex = '0 2 3'; // Invalid, return previous value. | 177 flexitem.style.flex = '0 2 3'; // Invalid, return previous value. |
178 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 178 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
179 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 179 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
180 | 180 |
181 flexitem.style.webkitFlex = '1 0 3'; // Invalid, return previous value. | 181 flexitem.style.flex = '1 0 3'; // Invalid, return previous value. |
182 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 182 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
183 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 183 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
184 | 184 |
185 flexitem.style.webkitFlex = '0 0 1'; // Invalid, return previous value. | 185 flexitem.style.flex = '0 0 1'; // Invalid, return previous value. |
186 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 186 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
187 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 187 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
188 | 188 |
189 flexitem.style.webkitFlex = '1 -2 3px'; // Invalid, return previous value. | 189 flexitem.style.flex = '1 -2 3px'; // Invalid, return previous value. |
190 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 190 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
191 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 191 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
192 | 192 |
193 flexitem.style.webkitFlex = '1 2px 3px'; // Invalid, return previous value. | 193 flexitem.style.flex = '1 2px 3px'; // Invalid, return previous value. |
194 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 194 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
195 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 195 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
196 | 196 |
197 flexitem.style.webkitFlex = '1 2px auto'; // Invalid, return previous value. | 197 flexitem.style.flex = '1 2px auto'; // Invalid, return previous value. |
198 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 198 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
199 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 199 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
200 | 200 |
201 flexitem.style.webkitFlex = '0px 0px 0'; // Invalid, return previous value. | 201 flexitem.style.flex = '0px 0px 0'; // Invalid, return previous value. |
202 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 202 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
203 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 203 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
204 | 204 |
205 flexitem.style.webkitFlex = '0 0 0 0'; // Invalid, return previous value. | 205 flexitem.style.flex = '0 0 0 0'; // Invalid, return previous value. |
206 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 206 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
207 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 207 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
208 | 208 |
209 flexitem.style.webkitFlex = '0 0 0px 0'; // Invalid, return previous value. | 209 flexitem.style.flex = '0 0 0px 0'; // Invalid, return previous value. |
210 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 210 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
211 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 211 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
212 | 212 |
213 flexitem.style.webkitFlex = '0 0 0px 0px'; // Invalid, return previous value. | 213 flexitem.style.flex = '0 0 0px 0px'; // Invalid, return previous value. |
214 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 214 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
215 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 215 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
216 | 216 |
217 flexitem.style.webkitFlex = '0 0 0px 0'; // Invalid, return previous value. | 217 flexitem.style.flex = '0 0 0px 0'; // Invalid, return previous value. |
218 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 218 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
219 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 219 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
220 | 220 |
221 flexitem.style.webkitFlex = '1, 2, 3px'; // Invalid, return previous value. | 221 flexitem.style.flex = '1, 2, 3px'; // Invalid, return previous value. |
222 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 222 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
223 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 223 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
224 | 224 |
225 flexitem.style.webkitFlex = '1,'; // Invalid, return previous value. | 225 flexitem.style.flex = '1,'; // Invalid, return previous value. |
226 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 226 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
227 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 227 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
228 | 228 |
229 flexitem.style.webkitFlex = 'initial'; | 229 flexitem.style.flex = 'initial'; |
230 shouldBeEqualToString('flexitem.style.webkitFlex', 'initial'); | 230 shouldBeEqualToString('flexitem.style.flex', 'initial'); |
231 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 1 auto'); | 231 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 1 auto'); |
232 | 232 |
233 flexitem.style.webkitFlex = 'none'; | 233 flexitem.style.flex = 'none'; |
234 // FIXME: This test case is failing. https://bugs.webkit.org/show_bug.cgi?id=900
20 | 234 // FIXME: This test case is failing. https://bugs.webkit.org/show_bug.cgi?id=900
20 |
235 shouldBeEqualToString('flexitem.style.webkitFlex', '0 0 auto'); | 235 shouldBeEqualToString('flexitem.style.flex', '0 0 auto'); |
236 shouldBeEqualToString('getComputedStyle(flexitem).webkitFlex', '0 0 auto'); | 236 shouldBeEqualToString('getComputedStyle(flexitem).flex', '0 0 auto'); |
237 </script> | 237 </script> |
238 </body> | 238 </body> |
239 </html> | 239 </html> |
OLD | NEW |