module( "selectmenu: options" );
-test( "appendTo another element", function () {
- expect( 9 );
+test( "appendTo: null", function() {
+ expect( 1 );
+ var element = $( "#speed" ).selectmenu();
+ equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ],document.body,
+ "defaults to body" );
+ element.selectmenu( "destroy" );
+});
+test( "appendTo: explicit", function() {
+ expect( 6 );
var detached = $( "<div>" ),
- element = $( "#speed" ).selectmenu();
- equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], document.body, "defaults to body" );
- element.selectmenu( "destroy" );
+ element = $( "#speed" );
element.selectmenu({
appendTo: ".selectmenu-wrap"
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" );
-
- element.selectmenu({
- appendTo: $()
- });
- equal( element.selectmenu( "menuWidget" ).parent().parent()[ 0 ], $( "#selectmenu-wrap2" )[ 0 ], "empty jQuery object, inside .ui-front" );
- $( "#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( "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 );