mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
44d07173db
Fixes #5973 - Resizable: disabled should not have the ui-state-disabled class or aria attribute aria-disabled
Fixes #5974 - Draggable: disabled should not have the ui-state-disabled class or aria attribute aria-disabled
Fixes #6039 - Droppable: disabled should not have ui-state-disabled
This reverts commit 23771d38ba.
111 lines
2.6 KiB
JavaScript
111 lines
2.6 KiB
JavaScript
/*
|
|
* selectable_methods.js
|
|
*/
|
|
(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() {
|
|
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" );
|
|
|
|
ok( !element.selectable( "widget" ).hasClass( "ui-state-disabled" ), "element does not get ui-state-disabled" );
|
|
ok( !element.selectable( "widget" ).attr( "aria-disabled" ), "element does not get aria-disabled" );
|
|
ok( element.selectable( "widget" ).hasClass( "ui-selectable-disabled" ), "element gets ui-selectable-disabled" );
|
|
|
|
element.selectable( "destroy" );
|
|
|
|
equal( chainable, element, "disable is chainable" );
|
|
});
|
|
|
|
})(jQuery);
|