2009-02-02 14:36:08 +00:00
|
|
|
/*
|
|
|
|
* sortable_methods.js
|
|
|
|
*/
|
|
|
|
(function($) {
|
|
|
|
|
2009-02-06 02:41:46 +00:00
|
|
|
var el, offsetBefore, offsetAfter, dragged;
|
|
|
|
|
|
|
|
var drag = function(handle, dx, dy) {
|
|
|
|
offsetBefore = $(handle).offset();
|
|
|
|
$(handle).simulate("drag", {
|
|
|
|
dx: dx || 0,
|
|
|
|
dy: dy || 0
|
|
|
|
});
|
|
|
|
dragged = { dx: dx, dy: dy };
|
|
|
|
offsetAfter = $(handle).offset();
|
|
|
|
}
|
|
|
|
|
|
|
|
var sort = function(handle, dx, dy, index, msg) {
|
|
|
|
drag(handle, dx, dy);
|
2012-02-28 14:56:32 +00:00
|
|
|
equal($(handle).parent().children().index(handle), index, msg);
|
2009-02-06 02:41:46 +00:00
|
|
|
}
|
|
|
|
|
2009-02-02 14:36:08 +00:00
|
|
|
module("sortable: methods");
|
|
|
|
|
2009-02-03 00:33:00 +00:00
|
|
|
test("init", function() {
|
|
|
|
expect(6);
|
|
|
|
|
|
|
|
$("<div></div>").appendTo('body').sortable().remove();
|
|
|
|
ok(true, '.sortable() called on element');
|
|
|
|
|
|
|
|
$([]).sortable();
|
|
|
|
ok(true, '.sortable() called on empty collection');
|
|
|
|
|
|
|
|
$("<div></div>").sortable();
|
|
|
|
ok(true, '.sortable() called on disconnected DOMElement');
|
|
|
|
|
|
|
|
$("<div></div>").sortable().sortable("foo");
|
|
|
|
ok(true, 'arbitrary method called after init');
|
|
|
|
|
2009-11-09 01:50:23 +00:00
|
|
|
$("<div></div>").sortable().sortable("option", "foo");
|
2009-02-03 00:33:00 +00:00
|
|
|
ok(true, 'arbitrary option getter after init');
|
|
|
|
|
2009-11-09 01:50:23 +00:00
|
|
|
$("<div></div>").sortable().sortable("option", "foo", "bar");
|
2009-02-03 00:33:00 +00:00
|
|
|
ok(true, 'arbitrary option setter after init');
|
|
|
|
});
|
|
|
|
|
|
|
|
test("destroy", function() {
|
|
|
|
$("<div></div>").appendTo('body').sortable().sortable("destroy").remove();
|
|
|
|
ok(true, '.sortable("destroy") called on element');
|
|
|
|
|
|
|
|
$([]).sortable().sortable("destroy");
|
|
|
|
ok(true, '.sortable("destroy") called on empty collection');
|
|
|
|
|
|
|
|
$("<div></div>").sortable().sortable("destroy");
|
|
|
|
ok(true, '.sortable("destroy") called on disconnected DOMElement');
|
|
|
|
|
|
|
|
$("<div></div>").sortable().sortable("destroy").sortable("foo");
|
|
|
|
ok(true, 'arbitrary method called after destroy');
|
|
|
|
|
2009-04-15 02:33:28 +00:00
|
|
|
var expected = $('<div></div>').sortable(),
|
|
|
|
actual = expected.sortable('destroy');
|
2012-02-28 14:56:32 +00:00
|
|
|
equal(actual, expected, 'destroy is chainable');
|
2009-02-03 00:33:00 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
test("enable", function() {
|
2009-04-15 02:33:28 +00:00
|
|
|
expect(5);
|
2009-02-03 00:33:00 +00:00
|
|
|
el = $("#sortable").sortable({ disabled: true });
|
|
|
|
|
|
|
|
sort($("li", el)[0], 0, 40, 0, '.sortable({ disabled: true })');
|
|
|
|
|
|
|
|
el.sortable("enable");
|
2012-02-28 14:56:32 +00:00
|
|
|
equal(el.sortable("option", "disabled"), false, "disabled option getter");
|
2009-02-03 00:33:00 +00:00
|
|
|
|
|
|
|
el.sortable("destroy");
|
|
|
|
el.sortable({ disabled: true });
|
2009-11-09 01:50:23 +00:00
|
|
|
el.sortable("option", "disabled", false);
|
2012-02-28 14:56:32 +00:00
|
|
|
equal(el.sortable("option", "disabled"), false, "disabled option setter");
|
2009-02-03 00:33:00 +00:00
|
|
|
|
2009-11-09 01:50:23 +00:00
|
|
|
sort($("li", el)[0], 0, 40, 2, '.sortable("option", "disabled", false)');
|
2012-02-28 14:56:32 +00:00
|
|
|
|
2009-04-15 02:33:28 +00:00
|
|
|
var expected = $('<div></div>').sortable(),
|
|
|
|
actual = expected.sortable('enable');
|
2012-02-28 14:56:32 +00:00
|
|
|
equal(actual, expected, 'enable is chainable');
|
2009-02-03 00:33:00 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
test("disable", function() {
|
2010-04-09 18:43:44 +00:00
|
|
|
expect(7);
|
2009-02-03 00:33:00 +00:00
|
|
|
el = $("#sortable").sortable({ disabled: false });
|
|
|
|
sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
|
|
|
|
|
|
|
|
el.sortable("disable");
|
|
|
|
sort($("li", el)[0], 0, 40, 0, 'disabled.sortable getter');
|
|
|
|
|
|
|
|
el.sortable("destroy");
|
|
|
|
|
|
|
|
el.sortable({ disabled: false });
|
|
|
|
sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
|
2009-11-09 01:50:23 +00:00
|
|
|
el.sortable("option", "disabled", true);
|
2012-02-28 14:56:32 +00:00
|
|
|
equal(el.sortable("option", "disabled"), true, "disabled option setter");
|
2010-04-09 18:43:44 +00:00
|
|
|
ok(el.sortable("widget").is(":not(.ui-state-disabled)"), "sortable element does not get ui-state-disabled since it's an interaction");
|
2009-11-09 01:50:23 +00:00
|
|
|
sort($("li", el)[0], 0, 40, 0, '.sortable("option", "disabled", true)');
|
2012-02-28 14:56:32 +00:00
|
|
|
|
2009-04-15 02:33:28 +00:00
|
|
|
var expected = $('<div></div>').sortable(),
|
|
|
|
actual = expected.sortable('disable');
|
2012-02-28 14:56:32 +00:00
|
|
|
equal(actual, expected, 'disable is chainable');
|
2009-02-02 14:36:08 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
})(jQuery);
|