library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Draggable Tests: use jquery.simulate.js to simulate drag events

Browse Source
This commit is contained in:
Mike Sherov 2012-12-22 16:30:27 -05:00
parent 6d88d264be
commit 46925b8808
1 changed files with 25 additions and 133 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

154
tests/unit/draggable/draggable_options.js
View File

@ -278,146 +278,38 @@ test("{ cursorAt: false}, default", function() {
}); });
*/ */
test("{ cursorAt: { left: -5, top: -5 } }", function() { test( "{ cursorAt: left, top }", function() {
expect(4); expect( 16 );
var deltaX = -3, deltaY = -3, var deltaX = -3, deltaY = -3,
offsetX = 5, offsetY = 5, tests = {
cursorAtX = -5, cursorAtY = -5; "{ left: -5, top: -5 }": { x: -5, y: -5, cursorAt : { left: -5, top: -5 } },
"[ 10, 20 ]": { x: 10, y: 20, cursorAt : [ 10, 20 ] },
"{ left: 20, top: 40 }": { x: 20, y: 40, cursorAt : { left: 20, top: 40 } },
"{ right: 10, bottom: 20 }": { x: 10, y: 20, cursorAt : { right: 10, bottom: 20 } }
};
$.each(['relative', 'absolute'], function(i, position) { $.each( tests, function( testName, testData ) {
var before, pos, expected, $.each( [ "relative", "absolute" ], function( i, position ) {
el = $('#draggable' + (i + 1)).draggable({ var el = $( "#draggable" + ( i + 1 ) ).draggable({
cursorAt: { left: cursorAtX, top: cursorAtY }, cursorAt: testData.cursorAt,
drag: function( event, ui ) { drag: function( event, ui ) {
equal(ui.offset.left, expected.left, position + ' left'); if( testData.cursorAt.right ) {
equal(ui.offset.top, expected.top, position + ' top'); equal( ui.helper.width() - ( event.clientX - ui.offset.left ), testData.x, testName + " " + position + " left" );
equal( ui.helper.height() - ( event.clientY - ui.offset.top ), testData.y, testName + position + " top" );
} else {
equal( event.clientX - ui.offset.left, testData.x, testName + " " + position + " left" );
equal( event.clientY - ui.offset.top, testData.y, testName + " " + position + " top" );
}
} }
}); });
before = el.offset(); el.simulate( "drag", {
pos = { moves: 1,
clientX: before.left + offsetX, dx: deltaX,
clientY: before.top + offsetY dy: deltaY
};
expected = {
left: before.left + offsetX - cursorAtX + deltaX - TestHelpers.draggable.unreliableOffset,
top: before.top + offsetY - cursorAtY + deltaY - TestHelpers.draggable.unreliableOffset
};
// todo: replace this with simulated drag event
el.simulate("mousedown", pos);
pos.clientX += deltaX;
pos.clientY += deltaY;
$(document).simulate("mousemove", pos);
el.simulate("mouseup", pos);
}); });
}); });
test("{ cursorAt: { right: 10, bottom: 20 } }", function() {
expect(4);
var deltaX = -3, deltaY = -3,
offsetX = 5, offsetY = 5,
cursorAtX = 10, cursorAtY = 20;
$.each(['relative', 'absolute'], function(i, position) {
var before, pos, expected,
el = $('#draggable' + (i + 1)).draggable({
cursorAt: { right: cursorAtX, bottom: cursorAtY },
drag: function(event, ui) {
equal(ui.offset.left, expected.left, position + ' left');
equal(ui.offset.top, expected.top, position + ' top');
}
});
before = el.offset();
pos = {
clientX: before.left + offsetX,
clientY: before.top + offsetY
};
expected = {
left: before.left + offsetX - el.width() + cursorAtX + deltaX - TestHelpers.draggable.unreliableOffset,
top: before.top + offsetY - el.height() + cursorAtY + deltaY - TestHelpers.draggable.unreliableOffset
};
// todo: replace this with simulated drag event
el.simulate("mousedown", pos);
pos.clientX += deltaX;
pos.clientY += deltaY;
$(document).simulate("mousemove", pos);
el.simulate("mouseup", pos);
});
});
test("{ cursorAt: [10, 20] }", function() {
expect(4);
var deltaX = -3, deltaY = -3,
offsetX = 5, offsetY = 5,
cursorAtX = 10, cursorAtY = 20;
$.each(['relative', 'absolute'], function(i, position) {
var before, pos, expected,
el = $('#draggable' + (i + 1)).draggable({
cursorAt: { left: cursorAtX, top: cursorAtY },
drag: function(event, ui) {
equal(ui.offset.left, expected.left, position + ' left');
equal(ui.offset.top, expected.top, position + ' top');
}
});
before = el.offset();
pos = {
clientX: before.left + offsetX,
clientY: before.top + offsetY
};
expected = {
left: before.left + offsetX - cursorAtX + deltaX - TestHelpers.draggable.unreliableOffset,
top: before.top + offsetY - cursorAtY + deltaY - TestHelpers.draggable.unreliableOffset
};
// todo: replace this with simulated drag event
el.simulate("mousedown", pos);
pos.clientX += deltaX;
pos.clientY += deltaY;
$(document).simulate("mousemove", pos);
el.simulate("mouseup", pos);
});
});
test("{ cursorAt: '20, 40' }", function() {
expect(4);
var deltaX = -3, deltaY = -3,
offsetX = 5, offsetY = 5,
cursorAtX = 20, cursorAtY = 40;
$.each(['relative', 'absolute'], function(i, position) {
var before, pos, expected,
el = $('#draggable' + (i + 1)).draggable({
cursorAt: { left: cursorAtX, top: cursorAtY },
drag: function(event, ui) {
equal(ui.offset.left, expected.left, position + ' left');
equal(ui.offset.top, expected.top, position + ' top');
}
});
before = el.offset();
pos = {
clientX: before.left + offsetX,
clientY: before.top + offsetY
};
expected = {
left: before.left + offsetX - cursorAtX + deltaX - TestHelpers.draggable.unreliableOffset,
top: before.top + offsetY - cursorAtY + deltaY - TestHelpers.draggable.unreliableOffset
};
// todo: replace this with simulated drag event
el.simulate("mousedown", pos);
pos.clientX += deltaX;
pos.clientY += deltaY;
$(document).simulate("mousemove", pos);
el.simulate("mouseup", pos);
}); });
}); });