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