jquery-ui/tests/slider.js

194 lines
4.6 KiB
JavaScript
Raw Normal View History

/*
* slider unit tests
*/
(function($) {
//
// Selectable Test Helper Functions
//
var defaults = {
animate: false,
axis: "???",
handle: ".ui-slider-handle",
handles: "???",
disabled: false,
max: 100,
min: 0,
range: false,
startValue: "???",
stepping: "???",
steps: 0
};
var keyCodes = {
leftArrow: 37,
upArrow: 38,
rightArrow: 39,
downArrow: 40
};
$.each(keyCodes, function(key, val) {
$.fn[key] = function() {
return this.simulate("keydown", { keyCode: val });
}
});
2008-06-04 02:34:33 +00:00
function assertChange(stepping, start, result, action) {
return function() {
expect(1);
var slider = $("#slider3").slider({
stepping: stepping,
startValue: start,
min: 0,
max: 1000,
change: function(event, ui) {
2008-06-04 02:34:33 +00:00
equals(ui.value, result, "changed to " + ui.value);
}
});
action.apply(slider);
}
}
// Slider Tests
module("slider");
test("init", function() {
expect(6);
$("<div></div>").appendTo('body').slider().remove();
ok(true, '.slider() called on element');
$([]).slider().remove();
ok(true, '.slider() called on empty collection');
$('<div></div>').slider().remove();
ok(true, '.slider() called on disconnected DOMElement');
$('<div></div>').slider().slider("foo").remove();
ok(true, 'arbitrary method called after init');
el = $('<div></div>').slider();
var foo = el.data("foo.slider");
el.remove();
ok(true, 'arbitrary option getter after init');
$('<div></div>').slider().data("foo.slider", "bar").remove();
ok(true, 'arbitrary option setter after init');
});
test("destroy", function() {
expect(6);
$("<div></div>").appendTo('body').slider().slider("destroy").remove();
ok(true, '.slider("destroy") called on element');
$([]).slider().slider("destroy").remove();
ok(true, '.slider("destroy") called on empty collection');
$('<div></div>').slider().slider("destroy").remove();
ok(true, '.slider("destroy") called on disconnected DOMElement');
$('<div></div>').slider().slider("destroy").slider("foo").remove();
ok(true, 'arbitrary method called after destroy');
el = $('<div></div>').slider();
var foo = el.slider("destroy").data("foo.slider");
el.remove();
ok(true, 'arbitrary option getter after destroy');
$('<div></div>').slider().slider("destroy").data("foo.slider", "bar").remove();
ok(true, 'arbitrary option setter after destroy');
});
test("defaults", function() {
el = $('<div></div>').slider();
$.each(defaults, function(key, val) {
var actual = el.data(key + ".slider"), expected = val;
same(actual, expected, key);
});
el.remove();
});
module("slider: single handle");
2008-06-04 02:34:33 +00:00
test("change one step via keydown", assertChange(1, undefined, 1, function() {
this.find("a").rightArrow();
2008-06-04 02:34:33 +00:00
}))
test("change - 10 steps via keydown", assertChange(10, 20, 10, function() {
this.find("a").leftArrow();
2008-06-04 02:34:33 +00:00
}))
test("change +10 steps via keydown", assertChange(10, 20, 30, function() {
this.find("a").rightArrow();
2008-06-04 02:34:33 +00:00
}))
test("moveTo, absolute value", assertChange(1, 1, 10, function() {
this.slider("moveTo", 10);
}))
test("moveTo, absolute value as string", assertChange(1, 1, 10, function() {
this.slider("moveTo", "10");
}))
test("moveTo, absolute value, below min", assertChange(1, 1, 0, function() {
this.slider("moveTo", -10);
}))
test("moveTo, relative positive value", assertChange(1, 1, 11, function() {
this.slider("moveTo", "+=10");
}))
test("moveTo, relative positive value, above max", assertChange(1, 10, 1000, function() {
this.slider("moveTo", "+=2000");
}))
test("moveTo, relative negative value", assertChange(1, 20, 10, function() {
this.slider("moveTo", "-=10");
}))
test("options update min/max", function() {
expect(2);
var slider = $("#slider3").slider({
stepping: 1,
startValue: 1
});
slider.slider("moveTo", "-=10");
equals(slider.slider("value"), 0);
slider.data("min.slider", -10);
slider.slider("moveTo", "-=20");
equals(slider.slider("value"), -10);
})
module("slider: setup and teardown");
test("destroy and recreate", function() {
expect(3)
var slider = $("#slider3").slider();
slider.slider("moveTo", "+=20");
equals(slider.slider("value"), 20);
slider.slider("destroy");
2008-06-04 02:34:33 +00:00
slider.slider("moveTo", "+=30");
ok(true, "nothing happens after slider is destroyed");
2008-06-04 02:34:33 +00:00
slider.slider().slider("moveTo", "30");
2008-06-04 02:34:33 +00:00
equals(Math.round(slider.slider("value")), 30);
})
test("handle creation", function() {
var slider = $("#slider1");
equals(slider.children().size(), 0);
slider.slider({
handles: [
{ start: 0 },
{ start: 10 }
]
});
equals(slider.children().size(), 2);
var instance = $.data(slider[0], "slider")
equals(instance.handle.length, 2);
ok(instance.handle.jquery, "handle must be a jquery object")
})
})(jQuery);