/* * slider unit tests */ (function($) { // // Selectable Test Helper Functions // var defaults = { animate: false, axis: "???", disabled: false, distance: 1, handle: ".ui-slider-handle", handles: null, max: 100, min: 0, noKeyboard: false, range: false, realMax: "???", round: true, 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 }); } }); 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) { equals(ui.value, result, "changed to " + ui.value); } }); action.apply(slider); } } // Slider Tests module("slider"); test("init", function() { expect(6); $("
").appendTo('body').slider().remove(); ok(true, '.slider() called on element'); $([]).slider().remove(); ok(true, '.slider() called on empty collection'); $('').slider().remove(); ok(true, '.slider() called on disconnected DOMElement'); $('').slider().slider("foo").remove(); ok(true, 'arbitrary method called after init'); el = $('').slider(); var foo = el.data("foo.slider"); el.remove(); ok(true, 'arbitrary option getter after init'); $('').slider().data("foo.slider", "bar").remove(); ok(true, 'arbitrary option setter after init'); }); test("destroy", function() { expect(6); $("").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'); $('').slider().slider("destroy").remove(); ok(true, '.slider("destroy") called on disconnected DOMElement'); $('').slider().slider("destroy").slider("foo").remove(); ok(true, 'arbitrary method called after destroy'); el = $('').slider(); var foo = el.slider("destroy").data("foo.slider"); el.remove(); ok(true, 'arbitrary option getter after destroy'); $('').slider().slider("destroy").data("foo.slider", "bar").remove(); ok(true, 'arbitrary option setter after destroy'); }); test("defaults", function() { el = $('').slider(); $.each(defaults, function(key, val) { var actual = el.data(key + ".slider"), expected = val; same(actual, expected, key); }); el.remove(); }); module("slider: single handle"); test("change one step via keydown", assertChange(1, undefined, 1, function() { this.find("a").rightArrow(); })) test("change - 10 steps via keydown", assertChange(10, 20, 10, function() { this.find("a").leftArrow(); })) test("change +10 steps via keydown", assertChange(10, 20, 30, function() { this.find("a").rightArrow(); })) 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"); slider.slider("moveTo", "+=30"); ok(true, "nothing happens after slider is destroyed"); slider.slider().slider("moveTo", "30"); 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);