You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.1 KiB
71 lines
2.1 KiB
1 year ago
|
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
|