2dbf2fcd499a602f629a382583f5fca01d675cb2
[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 debug('Non-number arguments (stepCount)');
67 shouldBe('stepUpExplicitBounds(null, null, null, "0", "0")', '"0"');
68 shouldBe('stepDownExplicitBounds(null, null, null, "0", "0")', '"0"');
69 shouldBe('stepUpExplicitBounds(null, null, null, "0", "foo")', '"0"');
70 shouldBe('stepDownExplicitBounds(null, null, null, "0", "foo")', '"0"');
71 shouldBe('stepUpExplicitBounds(null, null, null, "0", null)', '"0"');
72 shouldBe('stepDownExplicitBounds(null, null, null, "0", null)', '"0"');
73 debug('Normal cases');
74 shouldBe('stepUpExplicitBounds(null, null, null, "0")', '"1"');
75 shouldBe('stepUpExplicitBounds(null, null, null, "1", 2)', '"3"');
76 shouldBe('stepUpExplicitBounds(null, null, null, "3", -1)', '"2"');
77 shouldBe('stepDownExplicitBounds("-100", null, null, "2")', '"1"');
78 shouldBe('stepDownExplicitBounds("-100", null, null, "1", 2)', '"-1"');
79 shouldBe('stepDownExplicitBounds("-100", null, null, "-1", -1)', '"0"');
80 debug('Extra arguments');
81 shouldBe('setInputAttributes(null, null, null, "0"); input.stepUp(1,2); input.value', '"1"');
82 shouldBe('setInputAttributes(null, null, null, "1"); input.stepDown(1,3); input.value', '"0"');
83 debug('Invalid step value');
84 shouldBe('stepUpExplicitBounds(null, null, "foo", "0")', '"1"');
85 shouldBe('stepUpExplicitBounds(null, null, "0", "1")', '"2"');
86 shouldBe('stepUpExplicitBounds(null, null, "-1", "2")', '"3"');
87 shouldBe('stepDownExplicitBounds(null, null, "foo", "1")', '"0"');
88 shouldBe('stepDownExplicitBounds(null, null, "0", "2")', '"1"');
89 shouldBe('stepDownExplicitBounds(null, null, "-1", "3")', '"2"');
90 debug('Step=any');
91 shouldThrow('stepUpExplicitBounds(null, null, "any", "1")', invalidStateErr);
92 shouldThrow('stepDownExplicitBounds(null, null, "any", "1")', invalidStateErr);
93 debug('Overflow/underflow');
94 shouldBe('stepUpExplicitBounds(null, "100", "1", "99")', '"100"');
95 shouldThrow('stepUpExplicitBounds(null, "100", "1", "100")', invalidStateErr);
96 shouldBe('input.value', '"100"');
97 shouldThrow('stepUpExplicitBounds(null, "100", "1", "99", "2")', invalidStateErr);
98 shouldBe('input.value', '"99"');
99 shouldBe('stepDownExplicitBounds("0", null, "1", "1")', '"0"');
100 shouldThrow('stepDownExplicitBounds("0", null, "1", "0")', invalidStateErr);
101 shouldBe('input.value', '"0"');
102 shouldThrow('stepDownExplicitBounds("0", null, "1", "1", "2")', invalidStateErr);
103 shouldBe('input.value', '"1"');
104 shouldThrow('stepDownExplicitBounds(null, null, "3.40282346e+38", "1", "2")', invalidStateErr);
105 shouldBe('stepUpExplicitBounds(-100, 0, 1, -1)', '"0"');
106 shouldThrow('stepUpExplicitBounds(null, 0, 1, 0)', invalidStateErr);
107 shouldThrow('stepUpExplicitBounds(-100, 0, 1, -1, 2)', invalidStateErr);
108 shouldBe('input.value', '"-1"');
109 shouldThrow('stepUpExplicitBounds(null, null, "3.40282346e+38", "1", "2")', invalidStateErr);
110 debug('stepDown()/stepUp() for stepMismatch values');
111 shouldBe('stepUpExplicitBounds(null, null, 2, 1)', '"4"');
112 shouldBe('input.stepDown(); input.value', '"2"');
113 shouldBe('stepUpExplicitBounds(0, null, 10, 9, 9)', '"100"');
114 shouldBe('stepDownExplicitBounds(0, null, 10, 19)', '"10"');
115 debug('value + step is <= max, but rounded result would be > max.');
116 shouldThrow('stepUpExplicitBounds(null, 99, 10, 89)', invalidStateErr);
117 debug('Huge value and small step');
118 shouldBe('stepUpExplicitBounds(0, 1e38, 1, 1e38, 999999)', '"1e+38"');
119 shouldBe('stepDownExplicitBounds(0, 1e38, 1, 1e38, 999999)', '"1e+38"');
120 debug('Fractional numbers');
121 shouldBe('stepUpExplicitBounds(null, null, 0.33333333333333333, 0, 3)', '"1"');
122 shouldBe('stepUpExplicitBounds(null, null, 0.1, 1)', '"1.1"');
123 shouldBe('stepUpExplicitBounds(null, null, 0.1, 1, 8)', '"1.8"');
124 shouldBe('stepUpExplicitBounds(null, null, 0.1, 1, 10)', '"2"');
125 shouldBe('input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.value', '"3"');
126 shouldBe('stepUpExplicitBounds(0, 1, 0.003921568627450980, 0, 255)', '"1"');
127 shouldBe('for (var i = 0; i < 255; i++) { input.stepDown(); }; input.value', '"0"');
128 shouldBe('stepDownExplicitBounds(null, null, 0.1, 1, 8)', '"0.2"');
129 shouldBe('stepDownExplicitBounds(null, null, 0.1, 1)', '"0.9"');
130 </script>
131 <script src="../../../resources/js-test-post.js"></script>
132 </body>
133 </html>