jquery-ui/tests/unit/selectable/methods.js

define( [
	"jquery",
	"ui/widgets/selectable"
], function( $ ) {

module("selectable: methods");

test("init", function() {
	expect( 5 );

	$("<div></div>").appendTo("body").selectable().remove();
	ok(true, ".selectable() called on element");

	$([]).selectable().remove();
	ok(true, ".selectable() called on empty collection");

	$("<div></div>").selectable().remove();
	ok(true, ".selectable() called on disconnected DOMElement");

	var el = $("<div></div>").selectable();
	el.selectable("option", "foo");
	el.remove();
	ok(true, "arbitrary option getter after init");

	$("<div></div>").selectable().selectable("option", "foo", "bar").remove();
	ok(true, "arbitrary option setter after init");
});

test("destroy", function() {
	expect( 4 );

	$("<div></div>").appendTo("body").selectable().selectable("destroy").remove();
	ok(true, ".selectable('destroy') called on element");

	$([]).selectable().selectable("destroy").remove();
	ok(true, ".selectable('destroy') called on empty collection");

	$("<div></div>").selectable().selectable("destroy").remove();
	ok(true, ".selectable('destroy') called on disconnected DOMElement");

	var expected = $("<div></div>").selectable(),
		actual = expected.selectable("destroy");
	equal(actual, expected, "destroy is chainable");
});

test("enable", function() {
	expect(3);
	var expected, actual,
		fired = false,
		el = $("#selectable1");

	el.selectable({
		disabled: true,
		start: function() { fired = true; }
	});
	el.simulate( "drag", {
		dx: 20,
		dy: 20
	});
	equal(fired, false, "start fired");
	el.selectable("enable");
	el.simulate( "drag", {
		dx: 20,
		dy: 20
	});
	equal(fired, true, "start fired");
	el.selectable("destroy");

	expected = $("<div></div>").selectable();
	actual = expected.selectable("enable");
	equal(actual, expected, "enable is chainable");
});

test( "disable", function( assert ) {
	expect( 6 );
	var chainable,
		fired = false,
		element = $( "#selectable1" );

	element.selectable({
		disabled: false,
		start: function() {
			fired = true;
		}
	});
	element.simulate( "drag", {
		dx: 20,
		dy: 20
	});
	equal( fired, true, "start fired" );

	chainable = element.selectable( "disable" );
	fired = false;

	element.simulate( "drag", {
		dx: 20,
		dy: 20
	});
	equal( fired, false, "start fired" );

	assert.lacksClasses( element.selectable( "widget" ), "ui-state-disabled" );

	ok( !element.selectable( "widget" ).attr( "aria-disabled" ), "element does not get aria-disabled" );
	assert.hasClasses( element.selectable( "widget" ), "ui-selectable-disabled" );

	element.selectable( "destroy" );

	equal( chainable, element, "disable is chainable" );
});

} );