mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
61 lines
2.2 KiB
JavaScript
61 lines
2.2 KiB
JavaScript
(function ( $ ) {
|
|
|
|
module( "selectmenu: options" );
|
|
|
|
test( "appendTo another element", function () {
|
|
expect( 8 );
|
|
|
|
var detached = $( "<div>" ),
|
|
element = $( "#speed" ).selectmenu();
|
|
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], document.body, "defaults to body" );
|
|
element.selectmenu( "destroy" );
|
|
|
|
element.selectmenu({
|
|
appendTo: ".selectmenu-wrap"
|
|
});
|
|
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], $( "#selectmenu-wrap1" )[ 0 ], "first found element" );
|
|
equal( $( "#selectmenu-wrap2 .ui-selectmenu" ).length, 0, "only appends to one element" );
|
|
element.selectmenu( "destroy" );
|
|
|
|
$( "#selectmenu-wrap2" ).addClass( "ui-front" );
|
|
element.selectmenu();
|
|
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], $( "#selectmenu-wrap2" )[ 0 ], "null, inside .ui-front" );
|
|
element.selectmenu( "destroy" );
|
|
$( "#selectmenu-wrap2" ).removeClass( "ui-front" );
|
|
|
|
element.selectmenu().selectmenu( "option", "appendTo", "#selectmenu-wrap1" );
|
|
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], $( "#selectmenu-wrap1" )[ 0 ], "modified after init" );
|
|
element.selectmenu( "destroy" );
|
|
|
|
element.selectmenu({
|
|
appendTo: detached
|
|
});
|
|
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], detached[ 0 ], "detached jQuery object" );
|
|
element.selectmenu( "destroy" );
|
|
|
|
element.selectmenu({
|
|
appendTo: detached[ 0 ]
|
|
});
|
|
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], detached[ 0 ], "detached DOM element" );
|
|
element.selectmenu( "destroy" );
|
|
|
|
element.selectmenu().selectmenu( "option", "appendTo", detached );
|
|
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], detached[ 0 ], "detached DOM element via option()" );
|
|
element.selectmenu( "destroy" );
|
|
});
|
|
|
|
|
|
test( "CSS styles", function () {
|
|
expect( 2 );
|
|
|
|
var element = $( "#speed" ).selectmenu(),
|
|
button = element.selectmenu( "widget" ),
|
|
menu = element.selectmenu( "menuWidget" );
|
|
|
|
element.selectmenu( "open" );
|
|
ok( button.hasClass( "ui-corner-top" ) && !button.hasClass( "ui-corner-all" ) && button.find( "span.ui-icon" ).hasClass( "ui-icon-triangle-1-s" ), "button styles dropdown" );
|
|
ok( menu.hasClass( "ui-corner-bottom" ) && !menu.hasClass( "ui-corner-all" ), "menu styles dropdown" );
|
|
});
|
|
|
|
})( jQuery );
|