Draggable Tests: Added tests for appendTo and axis

Author: DaveStein

tests/unit/draggable/draggable_options.js

@@ -21,7 +21,8 @@ test("{ addClasses: false }", function() {
 	el.draggable("destroy");
 });
 
-test("{ appendTo: 'parent' }, default", function() {
+// TODO: This doesn't actually test whether append happened, possibly remove
+test("{ appendTo: 'parent' }, default, no clone", function() {
 	expect( 2 );
 	var el = $("#draggable2").draggable({ appendTo: "parent" });
 	TestHelpers.draggable.shouldMove(el);
@@ -31,16 +32,19 @@ test("{ appendTo: 'parent' }, default", function() {
 
 });
 
-test("{ appendTo: Element }", function() {
+// TODO: This doesn't actually test whether append happened, possibly remove
+test("{ appendTo: Element }, no clone", function() {
 	expect( 2 );
-	var el = $("#draggable2").draggable({ appendTo: $("#draggable2").parent()[0] });
+	var el = $("#draggable2").draggable({appendTo: $("#draggable2").parent()[0] });
+
 	TestHelpers.draggable.shouldMove(el);
 
 	el = $("#draggable1").draggable({ appendTo: $("#draggable2").parent()[0] });
 	TestHelpers.draggable.shouldMove(el);
 });
 
-test("{ appendTo: Selector }", function() {
+// TODO: This doesn't actually test whether append happened, possibly remove
+test("{ appendTo: Selector }, no clone", function() {
 	expect( 2 );
 	var el = $("#draggable2").draggable({ appendTo: "#main" });
 	TestHelpers.draggable.shouldMove(el);
@@ -49,6 +53,83 @@ test("{ appendTo: Selector }", function() {
 	TestHelpers.draggable.shouldMove(el);
 });
 
+test("{ appendTo: 'parent' }, default", function() {
+
+	expect(2);
+
+	var el = $("#draggable1").draggable();
+
+	TestHelpers.draggable.trackAppendedParent(el);
+
+	equal( el.draggable( "option", "appendTo" ), "parent" );
+
+	TestHelpers.draggable.move(el, 1, 1);
+	equal( el.data("last_parent"), $("#qunit-fixture")[0] );
+
+});
+
+test("{ appendTo: Element }", function() {
+
+	expect(1);
+
+	var appendTo = $("#draggable2").parent()[0],
+		el = $("#draggable1").draggable({ appendTo: appendTo });
+
+	TestHelpers.draggable.trackAppendedParent(el);
+
+	TestHelpers.draggable.move(el, 1, 1);
+	equal( el.data("last_parent"), appendTo );
+
+});
+
+test("{ appendTo: jQuery }", function() {
+
+	expect(1);
+
+	var appendTo = $("#draggable2").parent(),
+		el = $("#draggable1").draggable({ appendTo: appendTo });
+
+	TestHelpers.draggable.trackAppendedParent(el);
+
+	TestHelpers.draggable.move(el, 1, 1);
+	equal( el.data("last_parent"), appendTo[0] );
+
+});
+test("{ appendTo: Selector }", function() {
+
+	expect(1);
+
+
+	var appendTo = "#main",
+		el = $("#draggable1").draggable({ appendTo: appendTo });
+
+	TestHelpers.draggable.trackAppendedParent(el);
+
+	TestHelpers.draggable.move(el, 1, 1);
+	equal( el.data("last_parent"), $(appendTo)[0] );
+
+});
+
+
+test("{ appendTo: 'parent' }, switching after initialization", function() {
+
+	expect(2);
+
+	var el = $("#draggable1").draggable({ helper : "clone" });
+
+	TestHelpers.draggable.trackAppendedParent(el);
+
+	// Move and make sure el was appended to fixture
+	TestHelpers.draggable.move(el, 1, 1);
+	equal( el.data("last_parent"), $("#qunit-fixture")[0] );
+
+	// Move and make sure el was appended to main
+	el.draggable( "option", "appendTo", $("#main") );
+	TestHelpers.draggable.move(el, 2, 2);
+	equal( el.data("last_parent"), $("#main")[0] );
+
+});
+
 test("{ axis: false }, default", function() {
 	expect( 1 );
 	var el = $("#draggable2").draggable({ axis: false });
@@ -87,6 +168,26 @@ test("{ axis: ? }, unexpected", function() {
 	});
 });
 
+test("{ axis: false }, switching after initialization", function() {
+
+	expect(3);
+
+	var el;
+
+	// Any direction
+	el = $("#draggable1").draggable({ axis : false });
+	TestHelpers.draggable.testDrag(el, el, 50, 50, 50, 50);
+
+	// Only horizontal
+	el.draggable("option", "axis", "x");
+	TestHelpers.draggable.testDrag(el, el, 50, 50, 50, 0);
+
+	// Vertical only
+	el.draggable("option", "axis", "y");
+	TestHelpers.draggable.testDrag(el, el, 50, 50, 0, 50);
+
+});
+
 test("{ cancel: 'input,textarea,button,select,option' }, default", function() {
 	expect( 2 );
 

tests/unit/draggable/draggable_test_helpers.js

@@ -50,5 +50,24 @@ TestHelpers.draggable = {
 	},
 	margin: function(el, side) {
 		return parseInt(el.css("margin-" + side), 10) || 0;
+	},
+	move: function( el, x, y ) {
+	
+		$( el ).simulate( "drag", {
+			dx: x,
+			dy: y
+		});
+	
+	},
+	trackAppendedParent : function( el ) {
+	
+		// appendTo ignored without being clone
+		el.draggable( "option", "helper", "clone" );
+
+		el.on( "drag", function(e,ui) {
+			// Get what parent is at time of drag
+			el.data( "last_parent", ui.helper.parent()[0] );
+		});
+
 	}
 };