short-url/public/vendor/seiyria-bootstrap-slider/test/specs/RtlOptionsSpec.js

82 lines
2.4 KiB
JavaScript
Raw Permalink Normal View History

2020-07-01 08:57:45 +00:00
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