jquery-ui/tests/unit/slider/slider_core.js

247 lines
5.0 KiB
JavaScript

/*
* slider unit tests
*/
(function($) {
//
// Slider Test Helper Functions
//
var el, options;
function handle() {
return el.find(".ui-slider-handle");
}
// Slider Tests
module("slider: core");
test("keydown HOME on handle sets value to min", function() {
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'horizontal',
step: 1
};
el.slider(options);
el.slider("value", 0);
handle().simulate("keydown", { keyCode: $.ui.keyCode.HOME });
equals(el.slider("value"), options.min);
el.slider('destroy');
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'vertical',
step: 1
};
el.slider(options);
el.slider("value", 0);
handle().simulate("keydown", { keyCode: $.ui.keyCode.HOME });
equals(el.slider("value"), options.min);
el.slider('destroy');
});
test("keydown END on handle sets value to max", function() {
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'horizontal',
step: 1
};
el.slider(options);
el.slider("value", 0);
handle().simulate("keydown", { keyCode: $.ui.keyCode.END });
equals(el.slider("value"), options.max);
el.slider('destroy');
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'vertical',
step: 1
};
el.slider(options);
el.slider("value", 0);
handle().simulate("keydown", { keyCode: $.ui.keyCode.END });
equals(el.slider("value"), options.max);
el.slider('destroy');
});
test("keydown UP on handle increases value by step, not greater than max", function() {
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'horizontal',
step: 1
};
el.slider(options);
el.slider("value", options.max - options.step);
handle().simulate("keydown", { keyCode: $.ui.keyCode.UP });
equals(el.slider("value"), options.max);
handle().simulate("keydown", { keyCode: $.ui.keyCode.UP });
equals(el.slider("value"), options.max);
el.slider("destroy");
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'vertical',
step: 1
};
el.slider(options);
el.slider("value", options.max - options.step);
handle().simulate("keydown", { keyCode: $.ui.keyCode.UP });
equals(el.slider("value"), options.max);
handle().simulate("keydown", { keyCode: $.ui.keyCode.UP });
equals(el.slider("value"), options.max);
el.slider("destroy");
});
test("keydown RIGHT on handle increases value by step, not greater than max", function() {
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'horizontal',
step: 1
};
el.slider(options);
el.slider("value", options.max - options.step);
handle().simulate("keydown", { keyCode: $.ui.keyCode.RIGHT });
equals(el.slider("value"), options.max);
handle().simulate("keydown", { keyCode: $.ui.keyCode.RIGHT });
equals(el.slider("value"), options.max);
el.slider("destroy");
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'vertical',
step: 1
};
el.slider(options);
el.slider("value", options.max - options.step);
handle().simulate("keydown", { keyCode: $.ui.keyCode.RIGHT });
equals(el.slider("value"), options.max);
handle().simulate("keydown", { keyCode: $.ui.keyCode.RIGHT });
equals(el.slider("value"), options.max);
el.slider("destroy");
});
test("keydown DOWN on handle decreases value by step, not less than min", function() {
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'horizontal',
step: 1
};
el.slider(options);
el.slider("value", options.min + options.step);
handle().simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
equals(el.slider("value"), options.min);
handle().simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
equals(el.slider("value"), options.min);
el.slider("destroy");
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'vertical',
step: 1
};
el.slider(options);
el.slider("value", options.min + options.step);
handle().simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
equals(el.slider("value"), options.min);
handle().simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
equals(el.slider("value"), options.min);
el.slider("destroy");
});
test("keydown LEFT on handle decreases value by step, not less than min", function() {
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'horizontal',
step: 1
};
el.slider(options);
el.slider("value", options.min + options.step);
handle().simulate("keydown", { keyCode: $.ui.keyCode.LEFT });
equals(el.slider("value"), options.min);
handle().simulate("keydown", { keyCode: $.ui.keyCode.LEFT });
equals(el.slider("value"), options.min);
el.slider("destroy");
el = $('<div></div>');
options = {
max: 5,
min: -5,
orientation: 'vertical',
step: 1
};
el.slider(options);
el.slider("value", options.min + options.step);
handle().simulate("keydown", { keyCode: $.ui.keyCode.LEFT });
equals(el.slider("value"), options.min);
handle().simulate("keydown", { keyCode: $.ui.keyCode.LEFT });
equals(el.slider("value"), options.min);
el.slider("destroy");
});
})(jQuery);