Autocomplete: Added appendTo option. Fixes #5836 - Autocomplete: add appendTo option.

3 files changed, 33 insertions, 2 deletions

diff --git a/tests/unit/autocomplete/autocomplete.html b/tests/unit/autocomplete/autocomplete.html
index 7ca96eb68..943708694 100644
--- a/tests/unit/autocomplete/autocomplete.html
+++ b/tests/unit/autocomplete/autocomplete.html
@@ -36,8 +36,8 @@
 
 <div id="main" style="position: absolute; top: -10000px; left: -10000px;">
 
-	<div><input id="autocomplete" class="foo" /></div>
-
+	<div id="ac-wrap1" class="ac-wrap"></div>
+	<div id="ac-wrap2" class="ac-wrap"><input id="autocomplete" class="foo" /></div>
 </div>
 
 </body>
diff --git a/tests/unit/autocomplete/autocomplete_defaults.js b/tests/unit/autocomplete/autocomplete_defaults.js
index 8dad15e8f..fc92f3209 100644
--- a/tests/unit/autocomplete/autocomplete_defaults.js
+++ b/tests/unit/autocomplete/autocomplete_defaults.js
@@ -3,6 +3,7 @@
  */
 
 var autocomplete_defaults = {
+	appendTo: "body",
 	delay: 300,
 	disabled: false,
 	minLength: 1,
diff --git a/tests/unit/autocomplete/autocomplete_options.js b/tests/unit/autocomplete/autocomplete_options.js
index c5aa7c961..ac4aeef35 100644
--- a/tests/unit/autocomplete/autocomplete_options.js
+++ b/tests/unit/autocomplete/autocomplete_options.js
@@ -68,6 +68,36 @@ test("cache: false", function() {
 
 var data = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"];
 
+test( "appendTo", function() {
+	var ac = $( "#autocomplete" ).autocomplete();
+	same( ac.autocomplete( "widget" ).parent()[0], document.body, "defaults to body" );
+	ac.autocomplete( "destroy" );
+
+	ac.autocomplete({
+		appendTo: "#ac-wrap2"
+	});
+	same( ac.autocomplete( "widget" ).parent()[0], $( "#ac-wrap2" )[0], "id" );
+	ac.autocomplete( "destroy" );
+
+	ac.autocomplete({
+		appendTo: ".ac-wrap"
+	});
+	same( ac.autocomplete( "widget" ).parent()[0], $( "#ac-wrap1" )[0], "class" );
+	same( $( "#ac-wrap2 .ui-autocomplete").length, 0, "class - only appends to one element")
+	ac.autocomplete( "destroy" );
+
+	ac.autocomplete({
+		appendTo: null
+	});
+	same( ac.autocomplete( "widget" ).parent()[0], document.body, "null" );
+	ac.autocomplete( "destroy" );
+	
+	ac.autocomplete().autocomplete( "option", "appendTo", "#ac-wrap1" );
+	same( ac.autocomplete( "widget" ).parent()[0], $( "#ac-wrap1" )[0], "modified after init" );
+	ac.autocomplete( "destroy" );
+});
+
+
 test("delay", function() {
 	var ac = $("#autocomplete").autocomplete({
 		source: data,