71 lines
2.1 KiB
JavaScript
71 lines
2.1 KiB
JavaScript
|
describe("Resize Tests", function() {
|
||
|
var testSlider, dataSlider;
|
||
|
|
||
|
afterEach(function() {
|
||
|
if(testSlider) {
|
||
|
testSlider.slider('destroy');
|
||
|
testSlider = null;
|
||
|
dataSlider = null;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
describe("Tick Labels", function() {
|
||
|
|
||
|
var $el, options;
|
||
|
|
||
|
beforeEach(function() {
|
||
|
var tick = [0, 100, 200, 300, 400];
|
||
|
options = {
|
||
|
ticks: tick,
|
||
|
ticks_labels: ['$0', '$100', '$200', '$300', '$400']
|
||
|
};
|
||
|
});
|
||
|
|
||
|
it("should resize the tick labels when horizontal", function() {
|
||
|
|
||
|
$el = $("#resizeSlider");
|
||
|
testSlider = $el.slider(options);
|
||
|
dataSlider = testSlider.data('slider');
|
||
|
|
||
|
$('.slider').width(210);
|
||
|
dataSlider._resize();
|
||
|
expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').width()).toBe(53);
|
||
|
|
||
|
$('.slider').width(120);
|
||
|
dataSlider._resize();
|
||
|
expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').width()).toBe(30);
|
||
|
|
||
|
$('.slider').width(900);
|
||
|
dataSlider._resize();
|
||
|
expect($el.siblings('div.slider').find('.slider-tick-label:eq(1)').width()).toBe(225);
|
||
|
|
||
|
$('.slider').width(210);
|
||
|
dataSlider._resize();
|
||
|
expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').width()).toBe(53);
|
||
|
});
|
||
|
|
||
|
it('should resize the tick labels when vertical', function() {
|
||
|
|
||
|
var $el = $("#resizeSliderVertical");
|
||
|
testSlider = $el.slider(options);
|
||
|
dataSlider = testSlider.data('slider');
|
||
|
|
||
|
$('.slider').height(210);
|
||
|
dataSlider._resize();
|
||
|
expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').height()).toBe(53);
|
||
|
|
||
|
$('.slider').height(120);
|
||
|
dataSlider._resize();
|
||
|
expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').height()).toBe(30);
|
||
|
|
||
|
$('.slider').height(900);
|
||
|
dataSlider._resize();
|
||
|
expect($el.siblings('div.slider').find('.slider-tick-label:eq(1)').height()).toBe(225);
|
||
|
|
||
|
$('.slider').height(210);
|
||
|
dataSlider._resize();
|
||
|
expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').height()).toBe(53);
|
||
|
});
|
||
|
});
|
||
|
}); // End of spec
|