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.5 KiB
71 lines
2.5 KiB
/* |
|
************************* |
|
|
|
tooltip_split Option Test |
|
|
|
************************* |
|
|
|
This spec tests if tooltip_main, tooltip_min and tooltip_max |
|
behave correctly when tooltip_split option is set to true or false. |
|
*/ |
|
describe("'tooltip_split' Option tests", function() { |
|
var testSlider, sliderId = "tooltipedSlider", |
|
$slider, $tooltipMain, $tooltipMin, $tooltipMax, |
|
sliderOptions = {id: sliderId, value: [0, 10], tooltip: "always"}; // for the sake of testing, always display the tooltip |
|
|
|
describe("When 'tooltip_split' is false", function() { |
|
beforeEach(function() { |
|
testSlider = $("#testSlider1").slider($.extend(sliderOptions, {tooltip_split: false})); |
|
$slider = $("#"+sliderId); |
|
$tooltipMain = $slider.find(".tooltip-main"); |
|
$tooltipMin = $slider.find(".tooltip-min"); |
|
$tooltipMax = $slider.find(".tooltip-max"); |
|
}); |
|
|
|
it("should have `tooltip-main` displayed with `in` class", function() { |
|
expect($tooltipMain.css("display")).not.toBe("none"); |
|
expect($tooltipMain.hasClass("in")).toBeTruthy(); |
|
}); |
|
|
|
it("should have `tooltip-min, tooltip-max` not displayed", function() { |
|
expect($tooltipMin.css("display")).toBe("none"); |
|
expect($tooltipMin.hasClass("in")).toBeFalsy(); |
|
expect($tooltipMax.css("display")).toBe("none"); |
|
expect($tooltipMax.hasClass("in")).toBeFalsy(); |
|
}); |
|
}); |
|
|
|
describe("When 'tooltip_split' is true", function() { |
|
beforeEach(function() { |
|
testSlider = $("#testSlider1").slider($.extend(sliderOptions, {tooltip_split: true})); |
|
$slider = $("#"+sliderId); |
|
$tooltipMain = $slider.find(".tooltip-main"); |
|
$tooltipMin = $slider.find(".tooltip-min"); |
|
$tooltipMax = $slider.find(".tooltip-max"); |
|
}); |
|
|
|
it("should have `tooltip-min, tooltip-max` displayed with `in` class", function() { |
|
expect($tooltipMin.css("display")).not.toBe("none"); |
|
expect($tooltipMin.hasClass("in")).toBeTruthy(); |
|
expect($tooltipMax.css("display")).not.toBe("none"); |
|
expect($tooltipMax.hasClass("in")).toBeTruthy(); |
|
}); |
|
|
|
it("should have `tooltip-main` not displayed", function() { |
|
expect($tooltipMain.css("display")).toBe("none"); |
|
expect($tooltipMain.hasClass("in")).toBeFalsy(); |
|
}); |
|
|
|
it("should be aligned above the handle on init if set to 'top'", function() { |
|
expect($tooltipMin.hasClass("top")).toBeTruthy(); |
|
expect($tooltipMax.hasClass("top")).toBeTruthy(); |
|
}); |
|
}); |
|
|
|
afterEach(function() { |
|
if(testSlider) { |
|
testSlider.slider('destroy'); |
|
testSlider = null; |
|
} |
|
}); |
|
});
|
|
|