input[type=number] does not increment/decrement integers with trailing decimal characters
[WebKit-https.git] / LayoutTests / fast / forms / range / range-stepup-stepdown.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="../../../resources/js-test-pre.js"></script>
5 </head>
6 <body>
7 <p id="description"></p>
8 <div id="console"></div>
9 <script>
10 description('Check stepUp() and stepDown() bahevior for range type.');
11
12 var input = document.createElement('input');
13 var invalidStateErr = '"Error: InvalidStateError: DOM Exception 11"';
14
15 function setInputAttributes(min, max, step, value) {
16     input.min = min;
17     input.max = max;
18     input.step = step;
19     input.value = value;
20 }
21
22 function stepUp(value, step, max, optionalStepCount) {
23     setInputAttributes(null, max, step, value);
24     if (typeof optionalStepCount != "undefined")
25         input.stepUp(optionalStepCount);
26     else
27         input.stepUp();
28     return input.value;
29 }
30
31 function stepDown(value, step, min, optionalStepCount) {
32     setInputAttributes(min, null, step, value);
33     if (typeof optionalStepCount != "undefined")
34         input.stepDown(optionalStepCount);
35     else
36         input.stepDown();
37     return input.value;
38 }
39
40 // Range value gets automatically shifted based on bounds,
41 // So always set the min and max first to get expected behavior
42
43 function stepUpExplicitBounds(min, max, step, value, stepCount) {
44     setInputAttributes(min, max, step, value);
45     if (typeof stepCount !== 'undefined')
46         input.stepUp(stepCount);
47     else
48         input.stepUp();
49     return input.value;
50 }
51
52 function stepDownExplicitBounds(min, max, step, value, stepCount) {
53     setInputAttributes(min, max, step, value);
54     if (typeof stepCount !== 'undefined')
55         input.stepDown(stepCount);
56     else
57         input.stepDown();
58     return input.value;
59 }
60
61 input.type = 'range';
62 debug('function arguments are (min, max, step, value, [stepCount])');
63 debug('Using the default values');
64 shouldBe('stepUpExplicitBounds(null, null, null, "")', '"51"');
65 shouldBe('stepDownExplicitBounds(null, null, null, "")', '"49"');
66
67 debug('');
68 debug('Non-number arguments (stepCount)');
69 shouldBe('stepUpExplicitBounds(null, null, null, "0", "0")', '"0"');
70 shouldBe('stepDownExplicitBounds(null, null, null, "0", "0")', '"0"');
71 shouldBe('stepUpExplicitBounds(null, null, null, "0", "foo")', '"0"');
72 shouldBe('stepDownExplicitBounds(null, null, null, "0", "foo")', '"0"');
73 shouldBe('stepUpExplicitBounds(null, null, null, "0", null)', '"0"');
74 shouldBe('stepDownExplicitBounds(null, null, null, "0", null)', '"0"');
75
76 debug('');
77 debug('Normal cases');
78 shouldBe('stepUpExplicitBounds(null, null, null, "0")', '"1"');
79 shouldBe('stepUpExplicitBounds(null, null, null, "1", 2)', '"3"');
80 shouldBe('stepUpExplicitBounds(null, null, null, "3", -1)', '"2"');
81 shouldBe('stepDownExplicitBounds("-100", null, null, "2")', '"1"');
82 shouldBe('stepDownExplicitBounds("-100", null, null, "1", 2)', '"-1"');
83 shouldBe('stepDownExplicitBounds("-100", null, null, "-1", -1)', '"0"');
84
85 debug('');
86 debug('Fractional cases')
87 // "When the element is suffering from a step mismatch, the user agent must
88 // round the element's value to the nearest number for which the element would
89 // not suffer from a step mismatch, and which is greater than or equal to the
90 // minimum, and, if the maximum is not less than the minimum, which is less
91 // than or equal to the maximum, if there is a number that matches these
92 // constraints. If two numbers match these constraints, then user agents must
93 // use the one nearest to positive infinity.""
94
95 // Base/model/template tests
96 shouldBe('stepUpExplicitBounds(-10, 10, 1, "0.1")', '"1"');
97 shouldBe('stepUpExplicitBounds(-10, 10, 1, "0.2")', '"1"');
98 shouldBe('stepUpExplicitBounds(-10, 10, 1, "1.0")', '"2"');
99 shouldBe('stepUpExplicitBounds(-10, 10, 1, "1.1")', '"2"');
100 shouldBe('stepUpExplicitBounds(-10, 10, 1, "1.2")', '"2"');
101 shouldBe('stepUpExplicitBounds(-10, 10, 1, "2.0")', '"3"');
102
103 // Same as above, but with negative numbers.
104 debug('');
105 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-0.1")', '"1"');
106 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-0.2")', '"1"');
107 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-1.0")', '"0"');
108 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-1.1")', '"0"');
109 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-1.2")', '"0"');
110 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-2.0")', '"-1"');
111
112 // Same as above, but stepping down rather than up.
113 debug('');
114 shouldBe('stepDownExplicitBounds(-10, 10, 1, "0.1")', '"-1"');
115 shouldBe('stepDownExplicitBounds(-10, 10, 1, "0.2")', '"-1"');
116 shouldBe('stepDownExplicitBounds(-10, 10, 1, "1.0")', '"0"');
117 shouldBe('stepDownExplicitBounds(-10, 10, 1, "1.1")', '"0"');
118 shouldBe('stepDownExplicitBounds(-10, 10, 1, "1.2")', '"0"');
119 shouldBe('stepDownExplicitBounds(-10, 10, 1, "2.0")', '"1"');
120
121 debug('');
122 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-0.1")', '"-1"');
123 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-0.2")', '"-1"');
124 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-1.0")', '"-2"');
125 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-1.1")', '"-2"');
126 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-1.2")', '"-2"');
127 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-2.0")', '"-3"');
128
129 // Same as above, but with leading/trailing zeros removed.
130 debug('');
131 shouldBe('stepUpExplicitBounds(-10, 10, 1, ".1")', '"1"');
132 shouldBe('stepUpExplicitBounds(-10, 10, 1, ".2")', '"1"');
133 shouldBe('stepUpExplicitBounds(-10, 10, 1, "1.")', '"2"');
134 shouldBe('stepUpExplicitBounds(-10, 10, 1, "2.")', '"3"');
135
136 debug('');
137 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-.1")', '"1"');
138 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-.2")', '"1"');
139 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-1.")', '"0"');
140 shouldBe('stepUpExplicitBounds(-10, 10, 1, "-2.")', '"-1"');
141
142 debug('');
143 shouldBe('stepDownExplicitBounds(-10, 10, 1, ".1")', '"-1"');
144 shouldBe('stepDownExplicitBounds(-10, 10, 1, ".2")', '"-1"');
145 shouldBe('stepDownExplicitBounds(-10, 10, 1, "1.")', '"0"');
146 shouldBe('stepDownExplicitBounds(-10, 10, 1, "2.")', '"1"');
147
148 debug('');
149 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-.1")', '"-1"');
150 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-.2")', '"-1"');
151 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-1.")', '"-2"');
152 shouldBe('stepDownExplicitBounds(-10, 10, 1, "-2.")', '"-3"');
153
154 // Same as above, but stepping by .1 rather than 1.
155 debug('');
156 shouldBe('stepUpExplicitBounds(-10, 10, .1, "0.1")', '"0.2"');
157 shouldBe('stepUpExplicitBounds(-10, 10, .1, "0.2")', '"0.3"');
158 shouldBe('stepUpExplicitBounds(-10, 10, .1, "1.0")', '"1.1"');
159 shouldBe('stepUpExplicitBounds(-10, 10, .1, "1.1")', '"1.2"');
160 shouldBe('stepUpExplicitBounds(-10, 10, .1, "1.2")', '"1.3"');
161 shouldBe('stepUpExplicitBounds(-10, 10, .1, "2.0")', '"2.1"');
162
163 debug('');
164 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-0.1")', '"0"');
165 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-0.2")', '"-0.1"');
166 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-1.0")', '"-0.9"');
167 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-1.1")', '"-1"');
168 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-1.2")', '"-1.1"');
169 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-2.0")', '"-1.9"');
170
171 debug('');
172 shouldBe('stepDownExplicitBounds(-10, 10, .1, "0.1")', '"0"');
173 shouldBe('stepDownExplicitBounds(-10, 10, .1, "0.2")', '"0.1"');
174 shouldBe('stepDownExplicitBounds(-10, 10, .1, "1.0")', '"0.9"');
175 shouldBe('stepDownExplicitBounds(-10, 10, .1, "1.1")', '"1"');
176 shouldBe('stepDownExplicitBounds(-10, 10, .1, "1.2")', '"1.1"');
177 shouldBe('stepDownExplicitBounds(-10, 10, .1, "2.0")', '"1.9"');
178
179 debug('');
180 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-0.1")', '"-0.2"');
181 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-0.2")', '"-0.3"');
182 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-1.0")', '"-1.1"');
183 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-1.1")', '"-1.2"');
184 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-1.2")', '"-1.3"');
185 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-2.0")', '"-2.1"');
186
187 debug('');
188 shouldBe('stepUpExplicitBounds(-10, 10, .1, ".1")', '"0.2"');
189 shouldBe('stepUpExplicitBounds(-10, 10, .1, ".2")', '"0.3"');
190 shouldBe('stepUpExplicitBounds(-10, 10, .1, "1.")', '"1.1"');
191 shouldBe('stepUpExplicitBounds(-10, 10, .1, "2.")', '"2.1"');
192
193 debug('');
194 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-.1")', '"0"');
195 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-.2")', '"-0.1"');
196 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-1.")', '"-0.9"');
197 shouldBe('stepUpExplicitBounds(-10, 10, .1, "-2.")', '"-1.9"');
198
199 debug('');
200 shouldBe('stepDownExplicitBounds(-10, 10, .1, ".1")', '"0"');
201 shouldBe('stepDownExplicitBounds(-10, 10, .1, ".2")', '"0.1"');
202 shouldBe('stepDownExplicitBounds(-10, 10, .1, "1.")', '"0.9"');
203 shouldBe('stepDownExplicitBounds(-10, 10, .1, "2.")', '"1.9"');
204
205 debug('');
206 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-.1")', '"-0.2"');
207 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-.2")', '"-0.3"');
208 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-1.")', '"-1.1"');
209 shouldBe('stepDownExplicitBounds(-10, 10, .1, "-2.")', '"-2.1"');
210
211 debug('');
212 debug('Extra arguments');
213 shouldBe('setInputAttributes(null, null, null, "0"); input.stepUp(1,2); input.value', '"1"');
214 shouldBe('setInputAttributes(null, null, null, "1"); input.stepDown(1,3); input.value', '"0"');
215
216 debug('');
217 debug('Invalid step value');
218 shouldBe('stepUpExplicitBounds(null, null, "foo", "0")', '"1"');
219 shouldBe('stepUpExplicitBounds(null, null, "0", "1")', '"2"');
220 shouldBe('stepUpExplicitBounds(null, null, "-1", "2")', '"3"');
221 shouldBe('stepDownExplicitBounds(null, null, "foo", "1")', '"0"');
222 shouldBe('stepDownExplicitBounds(null, null, "0", "2")', '"1"');
223 shouldBe('stepDownExplicitBounds(null, null, "-1", "3")', '"2"');
224
225 debug('');
226 debug('Step=any');
227 shouldThrow('stepUpExplicitBounds(null, null, "any", "1")', invalidStateErr);
228 shouldThrow('stepDownExplicitBounds(null, null, "any", "1")', invalidStateErr);
229
230 debug('');
231 debug('Overflow/underflow');
232 shouldBe('stepUpExplicitBounds(null, "100", "1", "99")', '"100"');
233 shouldThrow('stepUpExplicitBounds(null, "100", "1", "100")', invalidStateErr);
234 shouldBe('input.value', '"100"');
235 shouldThrow('stepUpExplicitBounds(null, "100", "1", "99", "2")', invalidStateErr);
236 shouldBe('input.value', '"99"');
237 shouldBe('stepDownExplicitBounds("0", null, "1", "1")', '"0"');
238 shouldThrow('stepDownExplicitBounds("0", null, "1", "0")', invalidStateErr);
239 shouldBe('input.value', '"0"');
240 shouldThrow('stepDownExplicitBounds("0", null, "1", "1", "2")', invalidStateErr);
241 shouldBe('input.value', '"1"');
242 shouldThrow('stepDownExplicitBounds(null, null, "3.40282346e+38", "1", "2")', invalidStateErr);
243 shouldBe('stepUpExplicitBounds(-100, 0, 1, -1)', '"0"');
244 shouldThrow('stepUpExplicitBounds(null, 0, 1, 0)', invalidStateErr);
245 shouldThrow('stepUpExplicitBounds(-100, 0, 1, -1, 2)', invalidStateErr);
246 shouldBe('input.value', '"-1"');
247 shouldThrow('stepUpExplicitBounds(null, null, "3.40282346e+38", "1", "2")', invalidStateErr);
248
249 debug('');
250 debug('stepDown()/stepUp() for stepMismatch values');
251 shouldBe('stepUpExplicitBounds(null, null, 2, 1)', '"4"');
252 shouldBe('input.stepDown(); input.value', '"2"');
253 shouldBe('stepUpExplicitBounds(0, null, 10, 9, 9)', '"100"');
254 shouldBe('stepDownExplicitBounds(0, null, 10, 19)', '"10"');
255
256 debug('');
257 debug('value + step is <= max, but rounded result would be > max.');
258 shouldThrow('stepUpExplicitBounds(null, 99, 10, 89)', invalidStateErr);
259
260 debug('');
261 debug('Huge value and small step');
262 shouldBe('stepUpExplicitBounds(0, 1e38, 1, 1e38, 999999)', '"1e+38"');
263 shouldBe('stepDownExplicitBounds(0, 1e38, 1, 1e38, 999999)', '"1e+38"');
264
265 debug('');
266 debug('Fractional numbers');
267 shouldBe('stepUpExplicitBounds(null, null, 0.33333333333333333, 0, 3)', '"1"');
268 shouldBe('stepUpExplicitBounds(null, null, 0.1, 1)', '"1.1"');
269 shouldBe('stepUpExplicitBounds(null, null, 0.1, 1, 8)', '"1.8"');
270 shouldBe('stepUpExplicitBounds(null, null, 0.1, 1, 10)', '"2"');
271 shouldBe('input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.value', '"3"');
272 shouldBe('stepUpExplicitBounds(0, 1, 0.003921568627450980, 0, 255)', '"1"');
273 shouldBe('for (var i = 0; i < 255; i++) { input.stepDown(); }; input.value', '"0"');
274 shouldBe('stepDownExplicitBounds(null, null, 0.1, 1, 8)', '"0.2"');
275 shouldBe('stepDownExplicitBounds(null, null, 0.1, 1)', '"0.9"');
276
277 debug('');
278 </script>
279 <script src="../../../resources/js-test-post.js"></script>
280 </body>
281 </html>