mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-07-08 17:24:25 +03:00
Merge commit 'd21ea7816e
' as 'jquery-ui'
This commit is contained in:
commit
e904a80717
629 changed files with 341074 additions and 0 deletions
jquery-ui/tests/unit/selectmenu
125
jquery-ui/tests/unit/selectmenu/selectmenu_options.js
vendored
Normal file
125
jquery-ui/tests/unit/selectmenu/selectmenu_options.js
vendored
Normal file
|
@ -0,0 +1,125 @@
|
|||
(function ( $ ) {
|
||||
|
||||
module( "selectmenu: options" );
|
||||
|
||||
test( "appendTo: null", function() {
|
||||
expect( 1 );
|
||||
|
||||
var element = $( "#speed" ).selectmenu();
|
||||
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], document.body,
|
||||
"defaults to body" );
|
||||
});
|
||||
|
||||
test( "appendTo: explicit", function() {
|
||||
expect( 6 );
|
||||
|
||||
var detached = $( "<div>" ),
|
||||
element = $( "#speed" );
|
||||
|
||||
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" );
|
||||
|
||||
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( "appendTo: ui-front", function() {
|
||||
expect( 2 );
|
||||
|
||||
var element = $( "#speed" );
|
||||
|
||||
$( "#selectmenu-wrap2" ).addClass( "ui-front" );
|
||||
element.selectmenu();
|
||||
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ],
|
||||
$( "#selectmenu-wrap2" )[ 0 ], "null, inside .ui-front" );
|
||||
element.selectmenu( "destroy" );
|
||||
|
||||
element.selectmenu({
|
||||
appendTo: $()
|
||||
});
|
||||
equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ],
|
||||
$( "#selectmenu-wrap2" )[ 0 ], "empty jQuery object, inside .ui-front" );
|
||||
});
|
||||
|
||||
|
||||
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" );
|
||||
});
|
||||
|
||||
|
||||
test( "width", function() {
|
||||
expect( 5 );
|
||||
|
||||
var button,
|
||||
element = $( "#speed" );
|
||||
|
||||
element.selectmenu();
|
||||
button = element.selectmenu( "widget" );
|
||||
|
||||
equal( button.outerWidth(), element.outerWidth(), "button width auto" );
|
||||
|
||||
element.outerWidth( 100 );
|
||||
element.selectmenu( "refresh" );
|
||||
equal( button.outerWidth(), 100, "button width set by CSS" );
|
||||
|
||||
element
|
||||
.width( "" )
|
||||
.selectmenu( "option", "width", 100 )
|
||||
.selectmenu( "refresh" );
|
||||
equal( button.outerWidth(), 100, "button width set by JS option" );
|
||||
|
||||
element
|
||||
.append( $( "<option>", { text: "Option with a little longer text" } ) )
|
||||
.selectmenu( "option", "width", "" )
|
||||
.selectmenu( "refresh" );
|
||||
equal( button.outerWidth(), element.outerWidth(), "button width with long option" );
|
||||
|
||||
element.parent().outerWidth( 300 );
|
||||
element
|
||||
.selectmenu( "destroy" )
|
||||
.css( "width", "100%" )
|
||||
.selectmenu();
|
||||
button = element.selectmenu( "widget" );
|
||||
equal( button.outerWidth(), 300, "button width fills container" );
|
||||
});
|
||||
|
||||
})( jQuery );
|
Loading…
Add table
Add a link
Reference in a new issue