add "moves" options to complex drag event

Author: mikesherov

jquery.simulate.js

@@ -279,20 +279,31 @@ function findCenter( elem ) {
 
 $.extend( $.simulate.prototype, {
 	simulateDrag: function() {
-		var target = this.target,
+		var i = 0,
+			target = this.target,
 			options = this.options,
 			center = findCenter( target ),
 			x = Math.floor( center.x ),
 			y = Math.floor( center.y ),
 			dx = options.dx || 0,
 			dy = options.dy || 0,
+			moves = options.moves || 3,
 			coord = { clientX: x, clientY: y };
+
 		this.simulateEvent( target, "mousedown", coord );
-		coord = { clientX: x + 1, clientY: y + 1 };
-		this.simulateEvent( document, "mousemove", coord );
-		coord = { clientX: x + dx, clientY: y + dy };
-		this.simulateEvent( document, "mousemove", coord );
-		this.simulateEvent( document, "mousemove", coord );
+
+		for ( ; i < moves ; i++ ) {
+			x += dx / moves;
+			y += dy / moves;
+
+			coord = {
+				clientX: parseInt( x, 10 ),
+				clientY: parseInt( y, 10 )
+			};
+
+			this.simulateEvent( document, "mousemove", coord );
+		}
+
 		this.simulateEvent( target, "mouseup", coord );
 		this.simulateEvent( target, "click", coord );
 	}

test/index.html

@@ -4,6 +4,7 @@
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<title>jQuery-Simulate Test Suite</title>
 	<link rel="Stylesheet" media="screen" href="qunit/qunit/qunit.css" />
+	<link rel="Stylesheet" media="screen" href="testinit.css" />
 	<script src="qunit/qunit/qunit.js"></script>
 	<script src="testinit.js"></script>
 	<script src="data/jquery.js"></script>

test/testinit.css

@@ -0,0 +1,10 @@
+.top-left {
+	position: fixed;
+	top: 1;
+	left: 1;
+	width: 1px;
+	height: 1px;
+	margin: 0;
+	padding: 0;
+	border: none;
+}

test/unit/simulate.js

@@ -22,4 +22,47 @@ for ( ; i < keyEvents.length; i++ ) {
 	testKeyEvent( keyEvents[ i ] );
 }
 
+module( "complex events" );
+
+asyncTest( "drag moves option", function() {
+
+	var moves = 15,
+		calls = 0,
+		el = jQuery("<div class='top-left'></div>").appendTo("#qunit-fixture");
+
+	expect( moves );
+
+	jQuery( document ).bind( "mousemove", function() {
+		ok( true, "mousemove event fired at the document" );
+		if ( ++calls === moves ) {
+			jQuery( document ).unbind("mousemove");
+			start();
+		}
+	});
+
+	el.simulate( "drag", {
+		moves: 1,
+		dx: 10,
+		dy: 20
+	}).simulate( "drag", {
+		moves: 5,
+		dx: 10,
+		dy: 20
+	});
+
+	// falsey defaults to 3
+	el.simulate( "drag", {
+		moves: 0,
+		dx: 10,
+		dy: 20
+	}).simulate( "drag", {
+		dx: 10,
+		dy: 20
+	}).simulate( "drag", {
+		moves: null,
+		dx: 10,
+		dy: 20
+	});
+});
+
 })();