draggable unit tests: created separate file for each module: defaults, events, methods, options, tickets

1 files changed, 8 insertions, 724 deletions

diff --git a/tests/unit/draggable/draggable.js b/tests/unit/draggable/draggable.js
index 9edba57f0..ab3b36c4e 100644
--- a/tests/unit/draggable/draggable.js
+++ b/tests/unit/draggable/draggable.js
@@ -1,41 +1,11 @@
 /*
  * draggable unit tests
  */
-(function($) {
+
 //
 // Draggable Test Helper Functions
 //
 
-var defaults = {
-	appendTo: "parent",
-	axis: false,
-	cancel: ":input,option",
-	connectToSortable: false,
-	containment: false,
-	cursor: "default",
-	cursorAt: null,
-	delay: 0,
-	disabled: false,
-	distance: 1,
-	grid: false,
-	handle: false,
-	helper: "original",
-	iframeFix: false,
-	opacity: null,
-	refreshPositions: false,
-	revert: false,
-	revertDuration: 500,
-	scroll: true,
-	scrollSensitivity: 20,
-	scrollSpeed: 20,
-	scope: "default",
-	snap: false,
-	snapMode: "both",
-	snapTolerance: 20,
-	stack: false,
-	zIndex: null
-};
-
 var el, offsetBefore, offsetAfter, dragged;
 
 var drag = function(handle, dx, dy) {
@@ -56,100 +26,18 @@ var moved = function (dx, dy, msg) {
 	same(actual, expected, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
 }
 
-function shouldmove(why) {
-	drag(el, 50, 50);
-	moved(50, 50, why);
-}
-
-function shouldnotmove(why) {
-	drag(el, 50, 50);
-	moved(0, 0, why);
+function restoreScroll(what) {
+	if(what) {
+		$(document).scrollTop(0); $(document).scrollLeft(0);
+	} else {
+		$("#main")[0].scrollTop = 0; $("#main")[0].scrollLeft = 0;
+	}
 }
 
-var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
-
-var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
+(function($) {
 
-// Draggable Tests
 module("draggable");
 
-test("init", function() {
-	expect(6);
-
-	$("<div></div>").appendTo('body').draggable().remove();
-	ok(true, '.draggable() called on element');
-
-	$([]).draggable();
-	ok(true, '.draggable() called on empty collection');
-
-	$("<div></div>").draggable();
-	ok(true, '.draggable() called on disconnected DOMElement');
-
-	$("<div></div>").draggable().draggable("foo");
-	ok(true, 'arbitrary method called after init');
-
-	$("<div></div>").draggable().data("foo.draggable");
-	ok(true, 'arbitrary option getter after init');
-
-	$("<div></div>").draggable().data("foo.draggable", "bar");
-	ok(true, 'arbitrary option setter after init');
-});
-
-test("destroy", function() {
-	expect(6);
-
-	$("<div></div>").appendTo('body').draggable().draggable("destroy").remove();
-	ok(true, '.draggable("destroy") called on element');
-
-	$([]).draggable().draggable("destroy");
-	ok(true, '.draggable("destroy") called on empty collection');
-
-	$("<div></div>").draggable().draggable("destroy");
-	ok(true, '.draggable("destroy") called on disconnected DOMElement');
-
-	$("<div></div>").draggable().draggable("destroy").draggable("foo");
-	ok(true, 'arbitrary method called after destroy');
-
-	$("<div></div>").draggable().draggable("destroy").data("foo.draggable");
-	ok(true, 'arbitrary option getter after destroy');
-
-	$("<div></div>").draggable().draggable("destroy").data("foo.draggable", "bar");
-	ok(true, 'arbitrary option setter after destroy');
-});
-
-test("enable", function() {
-	expect(6);
-	el = $("#draggable2").draggable({ disabled: true });
-	shouldnotmove('.draggable({ disabled: true })');
-	el.draggable("enable");
-	shouldmove('.draggable("enable")');
-	equals(el.data("disabled.draggable"), false, "disabled.draggable getter");
-
-	el.draggable("destroy");
-	el.draggable({ disabled: true });
-	shouldnotmove('.draggable({ disabled: true })');
-	el.data("disabled.draggable", false);
-	equals(el.data("disabled.draggable"), false, "disabled.draggable setter");
-	shouldmove('.data("disabled.draggable", false)');
-});
-
-test("disable", function() {
-	expect(6);
-	el = $("#draggable2").draggable({ disabled: false });
-	shouldmove('.draggable({ disabled: false })');
-	el.draggable("disable");
-	shouldnotmove('.draggable("disable")');
-	equals(el.data("disabled.draggable"), true, "disabled.draggable getter");
-
-	el.draggable("destroy");
-
-	el.draggable({ disabled: false });
-	shouldmove('.draggable({ disabled: false })');
-	el.data("disabled.draggable", true);
-	equals(el.data("disabled.draggable"), true, "disabled.draggable setter");
-	shouldnotmove('.data("disabled.draggable", true)');
-});
-
 test("element types", function() {
 	var typeNames = ('p,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,div,form'
 		+ ',table,fieldset,address,ins,del,em,strong,q,cite,dfn,abbr'
@@ -168,15 +56,6 @@ test("element types", function() {
 	});
 });
 
-test("defaults", function() {
-	el = $('<div></div>').draggable();
-	$.each(defaults, function(key, val) {
-		var actual = el.data(key + ".draggable"), expected = val;
-		same(actual, expected, key);
-	});
-	el.remove();
-});
-
 test("No options, relative", function() {
 	el = $("#draggable1").draggable();
 	drag(el, 50, 50);
@@ -189,599 +68,4 @@ test("No options, absolute", function() {
 	moved(50, 50);
 });
 
-module("draggable: Options");
-
-test("{ axis: false }, default", function() {
-	el = $("#draggable2").draggable({ axis: false });
-	drag(el, 50, 50);
-	moved(50, 50);
-});
-
-test("{ axis: 'x' }", function() {
-	el = $("#draggable2").draggable({ axis: "x" });
-	drag(el, 50, 50);
-	moved(50, 0);
-});
-
-test("{ axis: 'y' }", function() {
-	el = $("#draggable2").draggable({ axis: "y" });
-	drag(el, 50, 50);
-	moved(0, 50);
-});
-
-test("{ axis: ? }, unexpected", function() {
-	var unexpected = {
-		"true": true,
-		"{}": {},
-		"[]": [],
-		"null": null,
-		"undefined": undefined,
-		"function() {}": function() {}
-	};
-	$.each(unexpected, function(key, val) {
-		el = $("#draggable2").draggable({ axis: val });
-		drag(el, 50, 50);
-		moved(50, 50, "axis: " + key);
-		el.draggable("destroy");
-	})
-});
-
-test("{ cancel: 'span' }", function() {
-	el = $("#draggable2").draggable();
-	drag("#draggable2 span", 50, 50);
-	moved(50, 50);
-
-	el.draggable("destroy");
-
-	el = $("#draggable2").draggable({ cancel: 'span' });
-	drag("#draggable2 span", 50, 50);
-	moved(0, 0);
-});
-
-test("{ cancel: ? }, unexpected", function() {
-	var unexpected = {
-		"true": true,
-		"false": false,
-		"{}": {},
-		"[]": [],
-		"null": null,
-		"undefined": undefined,
-		"function() {return '';}": function() {return '';},
-		"function() {return true;}": function() {return true;},
-		"function() {return false;}": function() {return false;}
-	};
-	$.each(unexpected, function(key, val) {
-		el = $("#draggable2").draggable({ cancel: val });
-		drag(el, 50, 50);
-		var expected = [50, 50];
-		moved(expected[0], expected[1], "cancel: " + key);
-		el.draggable("destroy");
-	})
-});
-
-test("{ containment: 'parent' }, relative", function() {
-	el = $("#draggable1").draggable({ containment: 'parent' });
-	var p = el.parent(), po = p.offset();
-	drag(el, -100, -100);
-	var expected = {
-		left: po.left + border(p, 'left') + margin(el, 'left'),
-		top: po.top + border(p, 'top') + margin(el, 'top')
-	}
-	same(offsetAfter, expected, 'compare offset to parent');
-});
-
-test("{ containment: 'parent' }, absolute", function() {
-	el = $("#draggable2").draggable({ containment: 'parent' });
-	var p = el.parent(), po = p.offset();
-	drag(el, -100, -100);
-	var expected = {
-		left: po.left + border(p, 'left') + margin(el, 'left'),
-		top: po.top + border(p, 'top') + margin(el, 'top')
-	}
-	same(offsetAfter, expected, 'compare offset to parent');
-});
-
-test("{ cursor: 'move' }", function() {
-
-	function getCursor() { return $("body").css("cursor"); }
-
-	expect(2);
-
-	var expected = "move", actual, before, after;
-
-	el = $("#draggable2").draggable({
-		cursor: expected,
-		start: function(event, ui) {
-			actual = getCursor();
-		}
-	});
-
-	before = getCursor();
-	drag("#draggable2", -1, -1);
-	after = getCursor();
-
-	equals(actual, expected, "start callback: cursor '" + expected + "'");
-	equals(after, before, "after drag: cursor restored");
-
-});
-
-test("{ cursorAt: { left: -5, top: -5 } }", function() {
-
-	expect(4);
-
-	var dx = -3, dy = -3;
-	var ox = 5, oy = 5;
-	var cax = -5, cay = -5;
-
-	var actual = null;
-	$("#draggable2").draggable({
-		cursorAt: { left: cax, top: cay },
-		drag: function(event, ui) {
-			actual = ui.absolutePosition;
-		}
-	});
-	var el = $("#draggable2").data("draggable").element;
-
-	var before = el.offset();
-	var pos = { clientX: before.left + ox, clientY: before.top + oy };
-	$("#draggable2").simulate("mousedown", pos);
-	pos = { clientX: pos.clientX + dx, clientY: pos.clientY + dy };
-	$(document).simulate("mousemove", pos);
-	$(document).simulate("mousemove", pos);
-	$("#draggable2").simulate("mouseup", pos);
-	var expected = {
-		left: before.left + ox - cax + dx,
-		top: before.top + oy - cay + dy
-	};
-
-	equals(actual.left, expected.left, "Absolute: -1px left");
-	equals(actual.top, expected.top, "Absolute: -1px top");
-
-	var actual = null;
-	$("#draggable1").draggable({
-		cursorAt: { left: cax, top: cay },
-		drag: function(event, ui) {
-			actual = ui.absolutePosition;
-		}
-	});
-	var el = $("#draggable2").data("draggable").element;
-
-	var before = el.offset();
-	var pos = { clientX: before.left + ox, clientY: before.top + oy };
-	$("#draggable2").simulate("mousedown", pos);
-	pos = { clientX: pos.clientX + dx, clientY: pos.clientY + dy };
-	$(document).simulate("mousemove", pos);
-	$(document).simulate("mousemove", pos);
-	$("#draggable2").simulate("mouseup", pos);
-	var expected = {
-		left: before.left + ox - cax + dx,
-		top: before.top + oy - cay + dy
-	};
-
-	equals(actual.left, expected.left, "Relative: -1px left");
-	equals(actual.top, expected.top, "Relative: -1px top");
-
-});
-
-test("{ distance: 10 }", function() {
-
-	el = $("#draggable2").draggable({ distance: 10 });
-	drag(el, -9, -9);
-	moved(0, 0, 'distance not met');
-
-	drag(el, -10, -10);
-	moved(-10, -10, 'distance met');
-
-	drag(el, 9, 9);
-	moved(0, 0, 'distance not met');
-
-});
-
-test("{ grid: [50, 50] }, relative", function() {
-	el = $("#draggable1").draggable({ grid: [50, 50] });
-	drag(el, 24, 24);
-	moved(0, 0);
-	drag(el, 26, 25);
-	moved(50, 50);
-});
-
-test("{ grid: [50, 50] }, absolute", function() {
-	el = $("#draggable2").draggable({ grid: [50, 50] });
-	drag(el, 24, 24);
-	moved(0, 0);
-	drag(el, 26, 25);
-	moved(50, 50);
-});
-
-test("{ handle: 'span' }", function() {
-	el = $("#draggable2").draggable({ handle: 'span' });
-
-	drag("#draggable2 span", 50, 50);
-	moved(50, 50, "drag span");
-
-	drag("#draggable2", 50, 50);
-	moved(0, 0, "drag element");
-});
-
-test("{ helper: 'clone' }, relative", function() {
-	el = $("#draggable1").draggable({ helper: "clone" });
-	drag(el, 50, 50);
-	moved(0, 0);
-});
-
-test("{ helper: 'clone' }, absolute", function() {
-	el = $("#draggable2").draggable({ helper: "clone" });
-	drag(el, 50, 50);
-	moved(0, 0);
-});
-
-test("{ opacity: 0.5 }", function() {
-
-	expect(1);
-
-	var opacity = null;
-	el = $("#draggable2").draggable({
-		opacity: 0.5,
-		start: function(event, ui) {
-			opacity = $(this).css("opacity");
-		}
-	});
-
-	drag("#draggable2", -1, -1);
-
-	equals(opacity, 0.5, "start callback: opacity is");
-
-});
-
-test("{ zIndex: 10 }", function() {
-
-	expect(1);
-
-	var expected = 10, actual;
-
-	var zIndex = null;
-	el = $("#draggable2").draggable({
-		zIndex: expected,
-		start: function(event, ui) {
-			actual = $(this).css("zIndex");
-		}
-	});
-
-	drag("#draggable2", -1, -1);
-
-	equals(actual, expected, "start callback: zIndex is");
-
-});
-
-module("draggable: Callbacks");
-
-test("callbacks occurance count", function() {
-
-	expect(3);
-
-	var start = 0, stop = 0, dragc = 0;
-	el = $("#draggable2").draggable({
-		start: function() { start++; },
-		drag: function() { dragc++; },
-		stop: function() { stop++; }
-	});
-
-	drag(el, 10, 10);
-
-	equals(start, 1, "start callback should happen exactly once");
-	equals(dragc, 3, "drag callback should happen exactly once per mousemove");
-	equals(stop, 1, "stop callback should happen exactly once");
-
-});
-
-module("draggable: Scroll offsets");
-
-
-function testScroll(position) {
-	$("#main").css('position', position);
-	drag(el, 50, 50);
-	moved(50, 50, position+' parent');
-
-}
-
-function setScroll(what) {
-	if(what) {
-		$(document).scrollTop(100); $(document).scrollLeft(100);
-	} else {
-		$("#main")[0].scrollTop = 100; $("#main")[0].scrollLeft = 100;
-	}
-}
-
-function restoreScroll(what) {
-	if(what) {
-		$(document).scrollTop(0); $(document).scrollLeft(0);
-	} else {
-		$("#main")[0].scrollTop = 0; $("#main")[0].scrollLeft = 0;
-	}
-}
-
-test("{ helper: 'original' }, relative, with scroll offset on parent", function() {
-	
-	el = $("#draggable1").draggable({ helper: "original" });
-
-	setScroll();
-	testScroll('relative');
-	
-	setScroll();
-	testScroll('static');
-	
-	setScroll();
-	testScroll('absolute');
-
-	restoreScroll();
-	
-});
-
-test("{ helper: 'original' }, relative, with scroll offset on root", function() {
-	
-	el = $("#draggable1").draggable({ helper: "original" });
-	
-	setScroll('root');
-	testScroll('relative');
-	
-	setScroll('root');
-	testScroll('static');
-	
-	setScroll('root');
-	testScroll('absolute');
-
-	restoreScroll('root');
-	
-});
-
-test("{ helper: 'original' }, relative, with scroll offset on root and parent", function() {
-	
-	el = $("#draggable1").draggable({ helper: "original" });
-	
-	setScroll();
-	setScroll('root');
-	testScroll('relative');
-	
-	setScroll();
-	setScroll('root');
-	testScroll('static');
-	
-	setScroll();
-	setScroll('root');
-	testScroll('absolute');
-
-	restoreScroll();
-	restoreScroll('root');
-	
-});
-
-test("{ helper: 'original' }, absolute, with scroll offset on parent", function() {
-
-	el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
-
-	setScroll();
-	testScroll('relative');
-	
-	setScroll();
-	testScroll('static');
-	
-	setScroll();
-	testScroll('absolute');
-
-	restoreScroll();
-
-});
-
-test("{ helper: 'original' }, absolute, with scroll offset on root", function() {
-
-	el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
-	
-	setScroll('root');
-	testScroll('relative');
-	
-	setScroll('root');
-	testScroll('static');
-	
-	setScroll('root');
-	testScroll('absolute');
-
-	restoreScroll('root');
-	
-});
-
-test("{ helper: 'original' }, absolute, with scroll offset on root and parent", function() {
-
-	el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
-
-	setScroll();
-	setScroll('root');
-	testScroll('relative');
-	
-	setScroll();
-	setScroll('root');
-	testScroll('static');
-	
-	setScroll();
-	setScroll('root');
-	testScroll('absolute');
-
-	restoreScroll();
-	restoreScroll('root');
-	
-});
-
-//Fixed not for IE < 7
-if(!($.browser.msie && $.browser.version < 7)) {
-
-	test("{ helper: 'original' }, fixed, with scroll offset on parent", function() {
-		
-		el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
-
-		setScroll();
-		testScroll('relative');
-		
-		setScroll();
-		testScroll('static');
-		
-		setScroll();
-		testScroll('absolute');
-	
-		restoreScroll();
-	
-	});
-
-	test("{ helper: 'original' }, fixed, with scroll offset on root", function() {
-		
-		el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
-
-		setScroll('root');
-		testScroll('relative');
-		
-		setScroll('root');
-		testScroll('static');
-		
-		setScroll('root');
-		testScroll('absolute');
-	
-		restoreScroll('root');
-
-	});
-
-	test("{ helper: 'original' }, fixed, with scroll offset on root and parent", function() {
-
-		el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
-
-		setScroll();
-		setScroll('root');
-		testScroll('relative');
-		
-		setScroll();
-		setScroll('root');
-		testScroll('static');
-		
-		setScroll();
-		setScroll('root');
-		testScroll('absolute');
-	
-		restoreScroll();
-		restoreScroll('root');
-
-	});
-
-}
-
-
-
-test("{ helper: 'clone' }, absolute", function() {
-
-	var helperOffset = null;
-	var origOffset = $("#draggable1").offset();
-
-	el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
-		helperOffset = ui.helper.offset();
-	} });
-
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-
-});
-
-test("{ helper: 'clone' }, absolute with scroll offset on parent", function() {
-
-	setScroll();
-	var helperOffset = null;
-	var origOffset = null;
-
-	el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
-		helperOffset = ui.helper.offset();
-	} });
-
-	$("#main").css('position', 'relative');
-	origOffset = $("#draggable1").offset();
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-
-	$("#main").css('position', 'static');
-	origOffset = $("#draggable1").offset();
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-	
-	$("#main").css('position', 'absolute');
-	origOffset = $("#draggable1").offset();
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-	
-	restoreScroll();
-
-});
-
-test("{ helper: 'clone' }, absolute with scroll offset on root", function() {
-
-	setScroll('root');
-	var helperOffset = null;
-	var origOffset = null;
-
-	el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
-		helperOffset = ui.helper.offset();
-	} });
-	
-	$("#main").css('position', 'relative');
-	origOffset = $("#draggable1").offset();
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-
-	$("#main").css('position', 'static');
-	origOffset = $("#draggable1").offset();
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-	
-	$("#main").css('position', 'absolute');
-	origOffset = $("#draggable1").offset();
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');	
-	
-	restoreScroll('root');
-
-});
-
-test("{ helper: 'clone' }, absolute with scroll offset on root and parent", function() {
-
-	setScroll('root');
-	setScroll();
-	var helperOffset = null;
-	var origOffset = null;
-
-	el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
-		helperOffset = ui.helper.offset();
-	} });
-
-	$("#main").css('position', 'relative');
-	origOffset = $("#draggable1").offset()
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-
-	$("#main").css('position', 'static');
-	origOffset = $("#draggable1").offset()
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-	
-	$("#main").css('position', 'absolute');
-	origOffset = $("#draggable1").offset()
-	drag(el, 1, 1);
-	same({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ');
-	
-	restoreScroll('root');
-	restoreScroll();
-
-});
-
-module("draggable: behaviour");
-
-test("Events should not be executed on the element if drag is initiated", function() {
-	//TODO: Implement missing test
-});
-
-
-module("draggable: Tickets");
-
 })(jQuery);