jquery-ui/tests/unit/selectmenu/selectmenu_methods.js

147 lines
4.8 KiB
JavaScript
Raw Normal View History

(function( $ ) {
module( "selectmenu: methods" );
test( "destroy", function() {
expect( 1 );
domEqual( "#speed", function() {
$( "#speed" ).selectmenu().selectmenu( "destroy" );
});
});
2011-11-28 00:22:41 +00:00
test( "open / close", function() {
expect( 4 );
var element = $('#speed').selectmenu(),
menu = element.selectmenu("menuWidget");
element.selectmenu("open");
ok( menu.is( ":visible" ), "open: menu visible" );
2012-03-01 03:11:20 +00:00
equal( menu.attr("aria-hidden"), "false", "open: menu aria-disabled" );
2011-11-28 00:22:41 +00:00
element.selectmenu("close");
ok( menu.is( ":hidden" ), "close: menu hidden" );
2012-03-01 03:11:20 +00:00
equal( menu.attr("aria-hidden"), "true", "close: menu aria-disabled" );
});
2011-11-28 00:22:41 +00:00
test("enable / disable", function () {
expect(10);
var element = $('#speed').selectmenu(),
button = element.selectmenu("widget"),
menu = element.selectmenu("menuWidget");
element.selectmenu("disable");
2011-11-28 00:22:41 +00:00
ok( element.selectmenu("option", "disabled"), "disable: widget option" );
2012-03-01 03:11:20 +00:00
equal( element.attr("disabled"), "disabled", "disable: native select disabled" );
equal( button.attr("aria-disabled"), "true", "disable: button wrapper ARIA" );
equal( button.attr("tabindex"), -1, "disable: button tabindex" );
equal( menu.attr("aria-disabled"), "true", "disable: menu wrapper ARIA" );
element.selectmenu("enable");
2011-11-28 00:22:41 +00:00
ok( !element.selectmenu("option", "disabled"), "enable: widget option" );
2012-03-01 03:11:20 +00:00
equal( element.attr("disabled"), undefined, "enable: native select disabled" );
equal( button.attr("aria-disabled"), "false", "enable: button wrapper ARIA" );
equal( button.attr("tabindex"), 0, "enable: button tabindex" );
equal( menu.attr("aria-disabled"), "false", "enable: menu wrapper ARIA" );
});
2011-11-28 00:22:41 +00:00
test("refresh - structure", function () {
expect(3);
var element = $('#speed').selectmenu(),
menu = element.selectmenu("menuWidget").parent();
2011-11-28 00:22:41 +00:00
element.find("option").eq(2).remove();
element.find("option").eq(3).remove();
element.append('<option value="added_option">Added option</option>');
element.find("option").first()
.attr("value", "changed_value")
.text("Changed value");
element.selectmenu("refresh");
2012-03-01 03:11:20 +00:00
equal( element.find("option").length, menu.find("li").not(".ui-selectmenu-optgroup").length, "menu item length" );
equal( element.find("option").last().text(), menu.find("li").not(".ui-selectmenu-optgroup").last().text(), "added item" );
equal( element.find("option").first().text(), menu.find("li").not(".ui-selectmenu-optgroup").first().text(), "changed item" );
2011-11-28 00:22:41 +00:00
});
test("refresh - disabled select", function () {
expect(4);
var element = $('#speed').selectmenu(),
button = element.selectmenu("widget"),
menu = element.selectmenu("menuWidget");
2011-11-28 00:22:41 +00:00
element.attr("disabled", "disabled");
element.selectmenu("refresh");
2011-11-28 00:22:41 +00:00
ok( element.selectmenu("option", "disabled"), "widget option" );
2012-03-01 03:11:20 +00:00
equal( button.attr("aria-disabled"), "true", "button wrapper ARIA" );
equal( button.attr("tabindex"), -1, "button tabindex" );
equal( menu.attr("aria-disabled"), "true", "menu wrapper ARIA" );
2011-11-28 00:22:41 +00:00
});
2011-11-28 00:22:41 +00:00
test("refresh - disabled option", function () {
expect(1);
2012-05-24 16:54:47 +00:00
var disabledItem,
element = $('#speed').selectmenu(),
button = element.selectmenu("widget").parent(),
menu = element.selectmenu("menuWidget").parent();
2011-11-28 00:22:41 +00:00
element.attr("disabled", "disabled");
element.find("option").eq(2).attr("disabled", "disabled");
element.selectmenu("refresh");
2012-05-24 16:54:47 +00:00
disabledItem = menu.find("li").not(".ui-selectmenu-optgroup").eq(2);
2011-11-28 00:22:41 +00:00
ok( disabledItem.hasClass("ui-state-disabled"), "class" );
});
2011-11-28 00:22:41 +00:00
test("refresh - disabled optgroup", function () {
2012-05-24 16:54:47 +00:00
var i,
item,
element = $('#files').selectmenu(),
button = element.selectmenu("widget").parent(),
menu = element.selectmenu("menuWidget").parent(),
originalDisabledOptgroup = element.find("optgroup").first(),
originalDisabledOptions = originalDisabledOptgroup.find("option");
expect(2 + originalDisabledOptions.length);
2011-11-28 00:22:41 +00:00
originalDisabledOptgroup.attr("disabled", "disabled");
element.selectmenu("refresh");
2012-05-24 16:54:47 +00:00
item = menu.find("li.ui-selectmenu-optgroup").first();
2011-11-28 00:22:41 +00:00
ok( item.hasClass("ui-state-disabled"), "class" );
2012-03-01 03:11:20 +00:00
equal( menu.find("li").not(".ui-selectmenu-optgroup").filter(".ui-state-disabled").length, originalDisabledOptions.length, "disabled options" );
2012-05-24 16:54:47 +00:00
for ( i = 0; i < originalDisabledOptions.length; i++ ) {
2011-11-28 00:22:41 +00:00
item = item.next("li");
ok( item.hasClass("ui-state-disabled"), "item #" + i + ": class" );
}
});
test( "widget", function() {
expect( 4 );
var element = $('#speed').selectmenu(),
widgetElement = element.selectmenu( "widget" ),
menuWidgetElement = element.selectmenu( "menuWidget" );
element.selectmenu("refresh");
equal( widgetElement.length, 1, "widget: one element" );
ok( widgetElement.is("a.ui-button"), "widget: button element" );
equal( menuWidgetElement.length, 1, "menuWidget: one element" );
ok( menuWidgetElement.is("ul.ui-menu"), "menuWidget: menu element" );
});
})( jQuery );