<!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>