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.
166 lines
3.4 KiB
166 lines
3.4 KiB
5 years ago
|
define( [
|
||
|
"qunit",
|
||
|
"jquery",
|
||
|
"ui/widgets/draggable"
|
||
|
], function( QUnit, $ ) {
|
||
|
|
||
|
var element;
|
||
|
|
||
|
QUnit.module( "draggable: events", {
|
||
|
beforeEach: function() {
|
||
|
element = $( "<div>" ).appendTo( "#qunit-fixture" );
|
||
|
},
|
||
|
afterEach: function() {
|
||
|
element.draggable( "destroy" );
|
||
|
}
|
||
|
} );
|
||
|
|
||
|
QUnit.test( "callbacks occurrence count", function( assert ) {
|
||
|
assert.expect( 3 );
|
||
|
|
||
|
var start = 0,
|
||
|
stop = 0,
|
||
|
dragc = 0;
|
||
|
|
||
|
element.draggable( {
|
||
|
start: function() {
|
||
|
start++;
|
||
|
},
|
||
|
drag: function() {
|
||
|
dragc++;
|
||
|
},
|
||
|
stop: function() {
|
||
|
stop++;
|
||
|
}
|
||
|
} );
|
||
|
|
||
|
element.simulate( "drag", {
|
||
|
dx: 10,
|
||
|
dy: 10
|
||
|
} );
|
||
|
|
||
|
assert.equal( start, 1, "start callback should happen exactly once" );
|
||
|
assert.equal( dragc, 3, "drag callback should happen exactly once per mousemove" );
|
||
|
assert.equal( stop, 1, "stop callback should happen exactly once" );
|
||
|
} );
|
||
|
|
||
|
QUnit.test( "stopping the start callback", function( assert ) {
|
||
|
assert.expect( 3 );
|
||
|
|
||
|
var start = 0,
|
||
|
stop = 0,
|
||
|
dragc = 0;
|
||
|
|
||
|
element.draggable( {
|
||
|
start: function() {
|
||
|
start++;
|
||
|
return false;
|
||
|
},
|
||
|
drag: function() {
|
||
|
dragc++;
|
||
|
},
|
||
|
stop: function() {
|
||
|
stop++;
|
||
|
}
|
||
|
} );
|
||
|
|
||
|
element.simulate( "drag", {
|
||
|
dx: 10,
|
||
|
dy: 10
|
||
|
} );
|
||
|
|
||
|
assert.equal( start, 1, "start callback should happen exactly once" );
|
||
|
assert.equal( dragc, 0, "drag callback should not happen at all" );
|
||
|
assert.equal( stop, 0, "stop callback should not happen if there wasnt even a start" );
|
||
|
} );
|
||
|
|
||
|
QUnit.test( "stopping the drag callback", function( assert ) {
|
||
|
assert.expect( 2 );
|
||
|
|
||
|
var start = 0,
|
||
|
stop = 0,
|
||
|
dragc = 0;
|
||
|
|
||
|
element.draggable( {
|
||
|
start: function() {
|
||
|
start++;
|
||
|
},
|
||
|
drag: function() {
|
||
|
dragc++;
|
||
|
return false;
|
||
|
},
|
||
|
stop: function() {
|
||
|
stop++;
|
||
|
}
|
||
|
} );
|
||
|
|
||
|
element.simulate( "drag", {
|
||
|
dx: 10,
|
||
|
dy: 10
|
||
|
} );
|
||
|
|
||
|
assert.equal( start, 1, "start callback should happen exactly once" );
|
||
|
assert.equal( stop, 1, "stop callback should happen, as we need to actively stop the drag" );
|
||
|
} );
|
||
|
|
||
|
QUnit.test( "stopping the stop callback", function( assert ) {
|
||
|
assert.expect( 1 );
|
||
|
|
||
|
element.draggable( {
|
||
|
helper: "clone",
|
||
|
stop: function() {
|
||
|
return false;
|
||
|
}
|
||
|
} );
|
||
|
|
||
|
element.simulate( "drag", {
|
||
|
dx: 10,
|
||
|
dy: 10
|
||
|
} );
|
||
|
|
||
|
assert.ok( element.draggable( "instance" ).helper, "the clone should not be deleted if the stop callback is stopped" );
|
||
|
} );
|
||
|
|
||
|
// http://bugs.jqueryui.com/ticket/6884
|
||
|
// Draggable: ui.offset.left differs between the "start" and "drag" hooks
|
||
|
QUnit.test( "position and offset in hash is consistent between start, drag, and stop", function( assert ) {
|
||
|
assert.expect( 4 );
|
||
|
|
||
|
var startPos, startOffset, dragPos, dragOffset, stopPos, stopOffset;
|
||
|
|
||
|
element = $( "<div style='margin: 2px;'></div>" ).appendTo( "#qunit-fixture" );
|
||
|
|
||
|
element.draggable( {
|
||
|
start: function( event, ui ) {
|
||
|
startPos = ui.position;
|
||
|
startOffset = ui.offset;
|
||
|
},
|
||
|
drag: function( event, ui ) {
|
||
|
dragPos = ui.position;
|
||
|
dragOffset = ui.offset;
|
||
|
},
|
||
|
stop: function( event, ui ) {
|
||
|
stopPos = ui.position;
|
||
|
stopOffset = ui.offset;
|
||
|
}
|
||
|
} );
|
||
|
|
||
|
element.simulate( "drag", {
|
||
|
dx: 10,
|
||
|
dy: 10,
|
||
|
moves: 1
|
||
|
} );
|
||
|
|
||
|
startPos.left += 10;
|
||
|
startPos.top += 10;
|
||
|
startOffset.left += 10;
|
||
|
startOffset.top += 10;
|
||
|
|
||
|
assert.deepEqual( startPos, dragPos, "start position equals drag position plus distance" );
|
||
|
assert.deepEqual( dragPos, stopPos, "drag position equals stop position" );
|
||
|
assert.deepEqual( startOffset, dragOffset, "start offset equals drag offset plus distance" );
|
||
|
assert.deepEqual( dragOffset, stopOffset, "drag offset equals stop offset" );
|
||
|
} );
|
||
|
|
||
|
} );
|