define( [ "jquery", "lib/helper", "ui/widgets/draggable" ], function( $, helper ) { return $.extend( helper, { // TODO: remove the unreliable offset hacks unreliableOffset: $.ui.ie && ( !document.documentMode || document.documentMode < 8 ) ? 2 : 0, // Support: Opera 12.10, Safari 5.1, jQuery <1.8 unreliableContains: ( function() { var element = $( "
" ); return $.contains( element[ 0 ].ownerDocument, element[ 0 ] ); } )(), testDragPosition: function( el, dx, dy, expectedDX, expectedDY, msg ) { msg = msg ? msg + "." : ""; $( el ).one( "dragstop", function( event, ui ) { var positionExpected = { left: ui.originalPosition.left + expectedDX, top: ui.originalPosition.top + expectedDY }; deepEqual( ui.position, positionExpected, "position dragged[" + dx + ", " + dy + "] " + msg ); } ); }, testDragOffset: function( el, dx, dy, expectedDX, expectedDY, msg ) { msg = msg ? msg + "." : ""; var offsetBefore = el.offset(), offsetExpected = { left: offsetBefore.left + expectedDX, top: offsetBefore.top + expectedDY }; $( el ).one( "dragstop", function( event, ui ) { deepEqual( ui.offset, offsetExpected, "offset dragged[" + dx + ", " + dy + "] " + msg ); } ); }, testDragHelperOffset: function( el, dx, dy, expectedDX, expectedDY, msg ) { msg = msg ? msg + "." : ""; var offsetBefore = el.offset(), offsetExpected = { left: offsetBefore.left + expectedDX, top: offsetBefore.top + expectedDY }; $( el ).one( "dragstop", function( event, ui ) { deepEqual( ui.helper.offset(), offsetExpected, "offset dragged[" + dx + ", " + dy + "] " + msg ); } ); }, testDrag: function( el, handle, dx, dy, expectedDX, expectedDY, msg ) { this.testDragPosition( el, dx, dy, expectedDX, expectedDY, msg ); this.testDragOffset( el, dx, dy, expectedDX, expectedDY, msg ); $( handle ).simulate( "drag", { dx: dx, dy: dy } ); }, shouldMovePositionButNotOffset: function( el, msg, handle ) { handle = handle || el; this.testDragPosition( el, 100, 100, 100, 100, msg ); this.testDragHelperOffset( el, 100, 100, 0, 0, msg ); $( handle ).simulate( "drag", { dx: 100, dy: 100 } ); }, shouldMove: function( el, msg, handle ) { handle = handle || el; this.testDrag( el, handle, 100, 100, 100, 100, msg ); }, shouldNotMove: function( el, msg, handle ) { handle = handle || el; this.testDrag( el, handle, 100, 100, 0, 0, msg ); }, shouldNotDrag: function( el, msg, handle ) { handle = handle || el; var newOffset, element = $( el ), beginOffset = element.offset(); element.on( "dragstop", function() { ok( false, "should not drag " + msg ); } ); $( handle ).simulate( "drag", { dx: 100, dy: 100 } ); newOffset = element.offset(); // Also assert that draggable did not move, to ensure it isn't just // that drag did not fire and draggable still somehow moved equal( newOffset.left, beginOffset.left, "Offset left should not be different" ); equal( newOffset.top, beginOffset.top, "Offset top should not be different" ); element.off( "dragstop" ); }, setScrollable: function( what, isScrollable ) { var overflow = isScrollable ? "scroll" : "hidden"; $( what ).css( { overflow: overflow, overflowX: overflow, overflowY: overflow } ); }, testScroll: function( el, position ) { var oldPosition = $( "#main" ).css( "position" ); $( "#main" ).css( { position: position, top: "0px", left: "0px" } ); this.shouldMove( el, position + " parent" ); $( "#main" ).css( "position", oldPosition ); }, restoreScroll: function( what ) { $( what ).scrollTop( 0 ).scrollLeft( 0 ); }, setScroll: function( what ) { $( what ).scrollTop( 100 ).scrollLeft( 100 ); }, border: function( el, side ) { return parseInt( el.css( "border-" + side + "-width" ), 10 ) || 0; }, margin: function( el, side ) { return parseInt( el.css( "margin-" + side ), 10 ) || 0; }, move: function( el, x, y ) { $( el ).simulate( "drag", { dx: x, dy: y } ); }, trackMouseCss: function( el ) { el.on( "drag", function() { el.data( "last_dragged_cursor", $( "body" ).css( "cursor" ) ); } ); }, trackAppendedParent: function( el ) { // TODO: appendTo is currently ignored if helper is original (see #7044) el.draggable( "option", "helper", "clone" ); // Get what parent is at time of drag el.on( "drag", function( e, ui ) { el.data( "last_dragged_parent", ui.helper.parent()[ 0 ] ); } ); } } ); } );