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.
81 lines
2.4 KiB
81 lines
2.4 KiB
describe("RTL Tests", function() { |
|
var testSlider; |
|
|
|
afterEach(function() { |
|
if(testSlider) { |
|
testSlider.destroy(); |
|
testSlider = null; |
|
} |
|
}); |
|
|
|
describe("rtl slider tests", function() { |
|
it("should be rtl by default inside an rtl wrapper", function() { |
|
testSlider = new Slider("#rtlSlider"); |
|
|
|
var dirIsRtl = $("#rtlSlider").siblings().is(".slider-rtl"); |
|
|
|
expect(dirIsRtl).toBeTruthy(); |
|
}); |
|
|
|
it("rtl to false inside an rtl wrapper", function() { |
|
testSlider = new Slider("#rtlSlider", { |
|
rtl: false |
|
}); |
|
|
|
var dirIsRtl = $("#rtlSlider").siblings().is(".slider-rtl"); |
|
|
|
expect(dirIsRtl).not.toBeTruthy(); |
|
}); |
|
|
|
it("rtl to true inside an ltr wrapper", function() { |
|
testSlider = new Slider("#testSlider1", { |
|
rtl: true |
|
}); |
|
|
|
var dirIsRtl = $("#testSlider1").siblings().is(".slider-rtl"); |
|
|
|
expect(dirIsRtl).toBeTruthy(); |
|
}); |
|
|
|
it("slider use inversed left and right inline style", function() { |
|
testSlider = new Slider("#rtlSlider", { |
|
min: 0, |
|
max: 10, |
|
value: 5 |
|
}); |
|
|
|
var sliderTrackLowRight=$("#rtlSlider").siblings(".slider-rtl").children("div.slider-track").children("div.slider-track-low").css("right"); |
|
var sliderSelectionRight=$("#rtlSlider").siblings(".slider-rtl").children("div.slider-track").children("div.slider-selection").css("right"); |
|
var sliderTrackHighLeft=$("#rtlSlider").siblings(".slider-rtl").children("div.slider-track").children("div.slider-track-high").css("left"); |
|
|
|
expect(sliderTrackLowRight).toBe("0px"); |
|
expect(sliderSelectionRight).toBe("0%"); |
|
expect(sliderTrackHighLeft).toBe("0px"); |
|
}); |
|
|
|
it("tooltip position must be inversed in vertical", function() { |
|
testSlider = new Slider("#rtlSlider", { |
|
orientation: "vertical", |
|
}); |
|
|
|
var mainTooltipHasClassLeft = testSlider.tooltip.classList.contains("left"); |
|
|
|
expect(mainTooltipHasClassLeft).toBeTruthy(); |
|
expect(testSlider.tooltip.style.right).toBe("100%"); |
|
}); |
|
|
|
it("tooltip position can be forced in vertical", function() { |
|
testSlider = new Slider("#rtlSlider", { |
|
orientation: "vertical", |
|
tooltip_position: "right", |
|
}); |
|
|
|
var mainTooltipHasClassRight = testSlider.tooltip.classList.contains("right"); |
|
|
|
expect(mainTooltipHasClassRight).toBeTruthy(); |
|
expect(testSlider.tooltip.style.left).toBe("100%"); |
|
}); |
|
|
|
}); |
|
|
|
}); // End of spec
|
|
|