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.
61 lines
2.2 KiB
61 lines
2.2 KiB
1 year ago
|
describe("'ticks_tooltip' Option tests", function() {
|
||
|
|
var testSlider;
|
||
|
|
describe("ticks_tooltip states", function() {
|
||
|
|
it("should have the tooltip above the last hovered over element", function() {
|
||
|
|
testSlider = new Slider(document.getElementById("testSlider1"), {
|
||
|
|
ticks: [0, 1, 2, 3, 4, 5, 6],
|
||
|
|
ticks_positions: [0, 19, 29, 39, 49, 95, 100],
|
||
|
|
step: 1,
|
||
|
|
value: 4,
|
||
|
|
ticks_tooltip: true,
|
||
|
|
orientation: 'horizontal'
|
||
|
|
});
|
||
|
|
var mouseEventArguments = [
|
||
|
|
'mousemove', // type
|
||
|
|
true, // canBubble
|
||
|
|
true, // cancelable
|
||
|
|
document, // view,
|
||
|
|
0, // detail
|
||
|
|
0, // screenX
|
||
|
|
0, // screenY
|
||
|
|
undefined, // clientX
|
||
|
|
testSlider.sliderElem.offsetTop, // clientY,
|
||
|
|
false, // ctrlKey
|
||
|
|
false, // altKey
|
||
|
|
false, // shiftKey
|
||
|
|
false, // metaKey,
|
||
|
|
0, // button
|
||
|
|
null // relatedTarget
|
||
|
|
];
|
||
|
|
var mouse49 = document.createEvent('MouseEvents');
|
||
|
|
mouseEventArguments[7] = testSlider.ticks[4].offsetLeft + testSlider.sliderElem.offsetLeft; // clientX
|
||
|
|
mouse49.initMouseEvent.apply(mouse49, mouseEventArguments);
|
||
|
|
var mouse95 = document.createEvent('MouseEvents');
|
||
|
|
mouseEventArguments[7] = testSlider.ticks[5].offsetLeft + testSlider.sliderElem.offsetLeft; // clientX
|
||
|
|
mouse95.initMouseEvent.apply(mouse95, mouseEventArguments);
|
||
|
|
var mouse100 = document.createEvent('MouseEvents');
|
||
|
|
mouseEventArguments[7] = testSlider.ticks[6].offsetLeft + testSlider.sliderElem.offsetLeft; // clientX
|
||
|
|
mouse100.initMouseEvent.apply(mouse100, mouseEventArguments);
|
||
|
|
var mouseStart = document.createEvent('MouseEvents');
|
||
|
|
mouseEventArguments[7] = testSlider.ticks[0].offsetLeft + testSlider.sliderElem.offsetLeft; // clientX
|
||
|
|
mouseStart.initMouseEvent.apply(mouseStart, mouseEventArguments);
|
||
|
|
|
||
|
|
//Simulate random movements
|
||
|
|
testSlider.mousedown(mouse49);
|
||
|
|
testSlider.mousemove(mouse95);
|
||
|
|
testSlider.mouseup();
|
||
|
|
testSlider.mousedown(mouse49);
|
||
|
|
testSlider.mousemove(mouse100);
|
||
|
|
testSlider.mousemove(mouse95);
|
||
|
|
testSlider.mousemove(mouse95);
|
||
|
|
testSlider.mousemove(mouseStart);
|
||
|
|
expect(testSlider.tooltip.style.left).toBe("0%");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
afterEach(function() {
|
||
|
|
if(testSlider) {
|
||
|
|
if(testSlider instanceof Slider) { testSlider.destroy(); }
|
||
|
|
testSlider = null;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|