Selectmenu tests: improve appendTo option tests

1 files changed, 37 insertions, 4 deletions

diff --git a/tests/unit/selectmenu/selectmenu_options.js b/tests/unit/selectmenu/selectmenu_options.js
index 440df04be..21e276b5d 100644
--- a/tests/unit/selectmenu/selectmenu_options.js
+++ b/tests/unit/selectmenu/selectmenu_options.js
@@ -3,12 +3,45 @@
 module("selectmenu: options");
 
 test("appendTo another element", function () {
-	expect(2);
+	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: ".sm-wrap"
+	});
+	equal( element.selectmenu( "menuWidget" ).parent().parent()[0], $( "#sm-wrap1" )[0], "first found element" );
+	equal( $( "#sm-wrap2 .ui-selectmenu" ).length, 0, "only appends to one element" );
+	element.selectmenu( "destroy" );
+
+	$( "#sm-wrap2" ).addClass( "ui-front" );
+	element.selectmenu();
+	equal( element.selectmenu( "menuWidget" ).parent().parent()[0], $( "#sm-wrap2" )[0], "null, inside .ui-front" );
+	element.selectmenu( "destroy" );
+	$( "#sm-wrap2" ).removeClass( "ui-front" );
+
+	element.selectmenu().selectmenu( "option", "appendTo", "#sm-wrap1" );
+	equal( element.selectmenu( "menuWidget" ).parent().parent()[0], $( "#sm-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" );
 
-	var element = $("#speed").selectmenu();
+	element.selectmenu({
+		appendTo: detached[0]
+	});
+	equal( element.selectmenu( "menuWidget" ).parent().parent()[0], detached[0], "detached DOM element" );
+	element.selectmenu( "destroy" );
 
-	ok(element.selectmenu("option", "appendTo", "#qunit-fixture"), "appendTo accepts selector");
-	ok($("#qunit-fixture").find(".ui-selectmenu-menu").length, "selectmenu appendedTo other element");
+	element.selectmenu().selectmenu( "option", "appendTo", detached );
+	equal( element.selectmenu( "menuWidget" ).parent().parent()[0], detached[0], "detached DOM element via option()" );
+	element.selectmenu( "destroy" );
 });