jquery-ui/tests/unit/sortable/events.js

define( [
	"jquery",
	"./helper",
	"ui/widgets/sortable",
	"ui/widgets/draggable"
], function( $, testHelper ) {

module( "sortable: events" );

test( "start", function() {
	expect( 7 );

	var hash;
	$( "#sortable" ).sortable( {
		start: function( e, ui ) {
			hash = ui;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dy: 10
	} );

	ok( hash, "start event triggered" );
	ok( hash.helper, "UI hash includes: helper" );
	ok( hash.placeholder, "UI hash includes: placeholder" );
	ok( hash.item, "UI hash includes: item" );
	ok( !hash.sender, "UI hash does not include: sender" );

	// Todo: see if these events should actually have sane values in them
	ok( "position" in hash, "UI hash includes: position" );
	ok( "offset" in hash, "UI hash includes: offset" );
} );

test( "sort", function() {
	expect( 7 );

	var hash;
	$( "#sortable" ).sortable( {
		sort: function( e, ui ) {
			hash = ui;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dy: 10
	} );

	ok( hash, "sort event triggered" );
	ok( hash.helper, "UI hash includes: helper" );
	ok( hash.placeholder, "UI hash includes: placeholder" );
	ok( hash.position && ( "top" in hash.position && "left" in hash.position ), "UI hash includes: position" );
	ok( hash.offset && ( hash.offset.top && hash.offset.left ), "UI hash includes: offset" );
	ok( hash.item, "UI hash includes: item" );
	ok( !hash.sender, "UI hash does not include: sender" );

} );

test( "change", function() {
	expect( 8 );

	var hash;
	$( "#sortable" ).sortable( {
		change: function( e, ui ) {
			hash = ui;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dx: 1,
		dy: 1
	} );

	ok( !hash, "1px drag, change event should not be triggered" );

	$( "#sortable" ).sortable( {
		change: function( e, ui ) {
			hash = ui;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dy: 22
	} );

	ok( hash, "change event triggered" );
	ok( hash.helper, "UI hash includes: helper" );
	ok( hash.placeholder, "UI hash includes: placeholder" );
	ok( hash.position && ( "top" in hash.position && "left" in hash.position ), "UI hash includes: position" );
	ok( hash.offset && ( hash.offset.top && hash.offset.left ), "UI hash includes: offset" );
	ok( hash.item, "UI hash includes: item" );
	ok( !hash.sender, "UI hash does not include: sender" );

} );

test( "beforeStop", function() {
	expect( 7 );

	var hash;
	$( "#sortable" ).sortable( {
		beforeStop: function( e, ui ) {
			hash = ui;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dy: 20
	} );

	ok( hash, "beforeStop event triggered" );
	ok( hash.helper, "UI hash includes: helper" );
	ok( hash.placeholder, "UI hash includes: placeholder" );
	ok( hash.position && ( "top" in hash.position && "left" in hash.position ), "UI hash includes: position" );
	ok( hash.offset && ( hash.offset.top && hash.offset.left ), "UI hash includes: offset" );
	ok( hash.item, "UI hash includes: item" );
	ok( !hash.sender, "UI hash does not include: sender" );

} );

test( "stop", function() {
	expect( 7 );

	var hash;
	$( "#sortable" ).sortable( {
		stop: function( e, ui ) {
			hash = ui;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dy: 20
	} );

	ok( hash, "stop event triggered" );
	ok( !hash.helper, "UI should not include: helper" );
	ok( hash.placeholder, "UI hash includes: placeholder" );
	ok( hash.position && ( "top" in hash.position && "left" in hash.position ), "UI hash includes: position" );
	ok( hash.offset && ( hash.offset.top && hash.offset.left ), "UI hash includes: offset" );
	ok( hash.item, "UI hash includes: item" );
	ok( !hash.sender, "UI hash does not include: sender" );

} );

test( "update", function() {
	expect( 8 );

	var hash;
	$( "#sortable" ).sortable( {
		update: function( e, ui ) {
			hash = ui;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dx: 1,
		dy: 1
	} );

	ok( !hash, "1px drag, update event should not be triggered" );

	$( "#sortable" ).sortable( {
		update: function( e, ui ) {
			hash = ui;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dy: 22
	} );

	ok( hash, "update event triggered" );
	ok( !hash.helper, "UI hash should not include: helper" );
	ok( hash.placeholder, "UI hash includes: placeholder" );
	ok( hash.position && ( "top" in hash.position && "left" in hash.position ), "UI hash includes: position" );
	ok( hash.offset && ( hash.offset.top && hash.offset.left ), "UI hash includes: offset" );
	ok( hash.item, "UI hash includes: item" );
	ok( !hash.sender, "UI hash does not include: sender" );

} );

test( "#3019: Stop fires too early", function() {
	expect( 2 );

	var helper = null,
		el = $( "#sortable" ).sortable( {
			stop: function( event, ui ) {
				helper = ui.helper;
			}
		} );

	testHelper.sort( $( "li", el )[ 0 ], 0, 44, 2, "Dragging the sortable" );
	equal( helper, null, "helper should be false" );

} );

test( "#4752: link event firing on sortable with connect list", function() {
	expect( 10 );

	var fired = {},
		hasFired = function( type ) { return ( type in fired ) && ( true === fired[ type ] ); };

	$( "#sortable" ).clone().attr( "id", "sortable2" ).insertAfter( "#sortable" );

	$( "#qunit-fixture ul" ).sortable( {
		connectWith: "#qunit-fixture ul",
		change: function() {
			fired.change = true;
		},
		receive: function() {
			fired.receive = true;
		},
		remove: function() {
			fired.remove = true;
		}
	} );

	$( "#qunit-fixture ul" ).on( "click.ui-sortable-test", function() {
		fired.click = true;
	} );

	$( "#sortable li:eq(0)" ).simulate( "click" );
	ok( !hasFired( "change" ), "Click only, change event should not have fired" );
	ok( hasFired( "click" ), "Click event should have fired" );

	// Drag an item within the first list
	fired = {};
	$( "#sortable li:eq(0)" ).simulate( "drag", { dx: 0, dy: 40 } );
	ok( hasFired( "change" ), "40px drag, change event should have fired" );
	ok( !hasFired( "receive" ), "Receive event should not have fired" );
	ok( !hasFired( "remove" ), "Remove event should not have fired" );
	ok( !hasFired( "click" ), "Click event should not have fired" );

	// Drag an item from the first list to the second, connected list
	fired = {};
	$( "#sortable li:eq(0)" ).simulate( "drag", { dx: 0, dy: 150 } );
	ok( hasFired( "change" ), "150px drag, change event should have fired" );
	ok( hasFired( "receive" ), "Receive event should have fired" );
	ok( hasFired( "remove" ), "Remove event should have fired" );
	ok( !hasFired( "click" ), "Click event should not have fired" );
} );

/*
test("receive", function() {
	ok(false, "missing test - untested code is broken code.");
});

test("remove", function() {
	ok(false, "missing test - untested code is broken code.");
});
*/

test( "over", function() {
	expect( 8 );

	var hash,
		overCount = 0;

	$( "#sortable" ).sortable( {
		over: function( e, ui ) {
			hash = ui;
			overCount++;
		}
	} ).find( "li:eq(0)" ).simulate( "drag", {
		dy: 20
	} );

	ok( hash, "over event triggered" );
	ok( hash.helper, "UI includes: helper" );
	ok( hash.placeholder, "UI hash includes: placeholder" );
	ok( hash.position && ( "top" in hash.position && "left" in hash.position ), "UI hash includes: position" );
	ok( hash.offset && ( hash.offset.top && hash.offset.left ), "UI hash includes: offset" );
	ok( hash.item, "UI hash includes: item" );
	ok( hash.sender, "UI hash includes: sender" );
	equal( overCount, 1, "over fires only once" );
} );

// http://bugs.jqueryui.com/ticket/9335
// Sortable: over & out events does not consistently fire
test( "over, fires with draggable connected to sortable", function() {
	expect( 3 );

	var hash,
		overCount = 0,
		item = $( "<div></div>" ).text( "6" ).insertAfter( "#sortable" );

	item.draggable( {
		connectToSortable: "#sortable"
	} );
	$( ".connectWith" ).sortable( {
		connectWith: ".connectWith",
		over: function( event, ui ) {
			hash = ui;
			overCount++;
		}
	} );

	item.simulate( "drag", {
		dy: -20
	} );

	ok( hash, "over event triggered" );
	ok( !hash.sender, "UI should not include: sender" );
	equal( overCount, 1, "over fires only once" );
} );

test( "over, with connected sortable", function() {
	expect( 3 );

	var hash,
		overCount = 0;

	$( ".connectWith" ).sortable( {
		connectWith: ".connectWith"
	} );
	$( "#sortable2" ).on( "sortover", function( event, ui ) {
		hash = ui;
		overCount++;
	} );
	$( "#sortable" ).find( "li:eq(0)" ).simulate( "drag", {
		dy: 102
	} );

	ok( hash, "over event triggered" );
	equal( hash.sender[ 0 ], $( " #sortable" )[ 0 ], "UI includes: sender" );
	equal( overCount, 1, "over fires only once" );
} );

/*
test("out", function() {
	ok(false, "missing test - untested code is broken code.");
});
*/

test( "out, with connected sortable", function() {
	expect( 2 );

	var hash,
		outCount = 0;

	$( ".connectWith" ).sortable( {
		connectWith: ".connectWith"
	} );
	$( "#sortable" ).on( "sortout", function( event, ui ) {
		hash = ui;
		outCount++;
	} );
	$( "#sortable" ).find( "li:last" ).simulate( "drag", {
		dy: 40
	} );

	ok( hash, "out event triggered" );
	equal( outCount, 1, "out fires only once" );
} );

test( "repeated out & over between connected sortables", function() {
	expect( 2 );

	var outCount = 0,
		overCount = 0;

	$( ".connectWith" ).sortable( {
		connectWith: ".connectWith",
		over: function() {
			overCount++;
		},
		out: function( event, ui ) {

			// Ignore events that trigger when an item has dropped
			// checking for the presence of the helper.
			if ( !ui.helper ) {
				outCount++;
			}
		}
	} );
	$( "#sortable" ).find( "li:last" ).simulate( "drag", {
		dy: 40
	} ).simulate( "drag", {
		dy: -40
	} );

	equal( outCount, 2, "out fires twice" );
	equal( overCount, 4, "over fires four times" );
} );

/*
test("activate", function() {
	ok(false, "missing test - untested code is broken code.");
});

test("deactivate", function() {
	ok(false, "missing test - untested code is broken code.");
});
*/

} );