Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/*
*************************
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;
}
});
});