| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test.js"></script> |
| </head> |
| <body> |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| description('Check stepUp() and stepDown() behavior for range type.'); |
| |
| var input; |
| |
| function createRangeElement() { |
| input = document.createElement('input'); |
| input.type = 'range'; |
| } |
| |
| function setInputAttributes(min, max, step, value) { |
| input.min = min; |
| input.max = max; |
| input.step = step; |
| input.value = value; |
| } |
| |
| function createInputWithContentAttributes(min, max, step, value) { |
| createRangeElement(); |
| function setIfNonNull(attribute, value) { |
| if (typeof value !== "null") |
| input.setAttribute(attribute, value); |
| } |
| setIfNonNull("min", min); |
| setIfNonNull("max", max); |
| setIfNonNull("step", step); |
| setIfNonNull("value", value); |
| } |
| |
| function stepUp(value, step, max, optionalStepCount) { |
| setInputAttributes(null, max, step, value); |
| if (typeof optionalStepCount != "undefined") |
| input.stepUp(optionalStepCount); |
| else |
| input.stepUp(); |
| return input.value; |
| } |
| |
| function stepDown(value, step, min, optionalStepCount) { |
| setInputAttributes(min, null, step, value); |
| if (typeof optionalStepCount != "undefined") |
| input.stepDown(optionalStepCount); |
| else |
| input.stepDown(); |
| return input.value; |
| } |
| |
| // Range value gets automatically shifted based on bounds, |
| // So always set the min and max first to get expected behavior |
| |
| function stepUpExplicitBounds(min, max, step, value, stepCount) { |
| setInputAttributes(min, max, step, value); |
| if (typeof stepCount !== 'undefined') |
| input.stepUp(stepCount); |
| else |
| input.stepUp(); |
| return input.value; |
| } |
| |
| function stepDownExplicitBounds(min, max, step, value, stepCount) { |
| setInputAttributes(min, max, step, value); |
| if (typeof stepCount !== 'undefined') |
| input.stepDown(stepCount); |
| else |
| input.stepDown(); |
| return input.value; |
| } |
| |
| createRangeElement(); |
| debug('function arguments are (min, max, step, value, [stepCount])'); |
| debug('Using the default values'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, null, "")', '51'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, null, "")', '49'); |
| debug('Non-number arguments (stepCount)'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, null, "0", "0")', '0'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, null, "0", "0")', '0'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, null, "0", "foo")', '0'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, null, "0", "foo")', '0'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, null, "0", null)', '0'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, null, "0", null)', '0'); |
| debug('Normal cases'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, null, "0")', '1'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, null, "1", 2)', '3'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, null, "3", -1)', '2'); |
| shouldBeEqualToString('stepDownExplicitBounds("-100", null, null, "2")', '1'); |
| shouldBeEqualToString('stepDownExplicitBounds("-100", null, null, "1", 2)', '-1'); |
| shouldBeEqualToString('stepDownExplicitBounds("-100", null, null, "-1", -1)', '0'); |
| debug('Extra arguments'); |
| shouldBeEqualToString('setInputAttributes(null, null, null, "0"); input.stepUp(1,2); input.value', '1'); |
| shouldBeEqualToString('setInputAttributes(null, null, null, "1"); input.stepDown(1,3); input.value', '0'); |
| debug('Invalid step value'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, "foo", "0")', '1'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, "0", "1")', '2'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, "-1", "2")', '3'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, "foo", "1")', '0'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, "0", "2")', '1'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, "-1", "3")', '2'); |
| debug('Step bases'); |
| shouldBeEqualToString('createInputWithContentAttributes(0, 100, "20", "50"); input.value', '60'); |
| shouldBeEqualToString('createInputWithContentAttributes(null, null, "50", "25"); input.value', '25'); |
| shouldBeEqualToString('createInputWithContentAttributes(null, null, "50", "25"); input.stepUp(1); input.value', '75'); |
| shouldBeEqualToString('createInputWithContentAttributes(null, null, "50", "25"); input.stepUp(1); input.stepDown(1); input.value', '25'); |
| shouldBeEqualToString('createInputWithContentAttributes(null, null, "50", "25"); input.stepUp(2); input.stepDown(2); input.value', '25'); |
| shouldBeEqualToString('createInputWithContentAttributes(null, null, "7", "22"); input.stepUp(40); input.value', '99'); |
| |
| // Reset 'input' for follow-on tests. |
| createRangeElement(); |
| debug('Step=any'); |
| shouldThrow('stepUpExplicitBounds(null, null, "any", "1")'); |
| shouldThrow('stepDownExplicitBounds(null, null, "any", "1")'); |
| debug('Overflow/underflow'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, "100", "1", "99")', '100'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, "100", "1", "100")', '100'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, "100", "1", "99", "2")', '100'); |
| shouldBeEqualToString('stepDownExplicitBounds("0", null, "1", "1")', '0'); |
| shouldBeEqualToString('stepDownExplicitBounds("0", null, "1", "0")', '0'); |
| shouldBeEqualToString('stepDownExplicitBounds("0", null, "1", "1", "2")', '0'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, "3.40282346e+38", "1", "2")', '0'); |
| shouldBeEqualToString('stepUpExplicitBounds(-100, 0, 1, -1)', '0'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, 0, 1, 0)', '0'); |
| shouldBeEqualToString('stepUpExplicitBounds(-100, 0, 1, -1, 2)', '0'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, "3.40282346e+38", "1", "2")', '0'); |
| debug('stepDown()/stepUp() for stepMismatch values'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, 2, 1)', '4'); |
| shouldBeEqualToString('input.stepDown(); input.value', '2'); |
| shouldBeEqualToString('stepUpExplicitBounds(0, null, 10, 9, 9)', '100'); |
| shouldBeEqualToString('stepDownExplicitBounds(0, null, 10, 19)', '10'); |
| debug('value + step is <= max, but rounded result would be > max.'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, 99, 10, 89)', '90'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, 99, 10, 89, 21)', '90'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, 99, 10, 77, 2)', '90'); |
| debug('Huge value and small step'); |
| shouldBeEqualToString('stepUpExplicitBounds(0, 1e38, 1, 1e38, 999999)', '1e+38'); |
| shouldBeEqualToString('stepDownExplicitBounds(0, 1e38, 1, 1e38, 999999)', '1e+38'); |
| debug('Fractional numbers'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, 0.33333333333333333, 0, 3)', '1'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, 0.1, 1)', '1.1'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, 0.1, 1, 8)', '1.8'); |
| shouldBeEqualToString('stepUpExplicitBounds(null, null, 0.1, 1, 10)', '2'); |
| shouldBeEqualToString('input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.stepUp(); input.value', '3'); |
| shouldBeEqualToString('stepUpExplicitBounds(0, 1, 0.003921568627450980, 0, 255)', '1'); |
| shouldBeEqualToString('for (var i = 0; i < 255; i++) { input.stepDown(); }; input.value', '0'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, 0.1, 1, 8)', '0.2'); |
| shouldBeEqualToString('stepDownExplicitBounds(null, null, 0.1, 1)', '0.9'); |
| </script> |
| </body> |
| </html> |
