Autocomplete: use the _classes method.

Fixes #7053

Author: petersendidit

tests/unit/autocomplete/autocomplete_common.js

@@ -2,6 +2,11 @@ TestHelpers.commonWidgetTests( "autocomplete", {
 	defaults: {
 		appendTo: null,
 		autoFocus: false,
+		classes: {
+			"ui-autocomplete": null,
+			"ui-autocomplete-input": null,
+			"ui-autocomplete-loading": null
+		},
 		delay: 300,
 		disabled: false,
 		messages: {

tests/unit/autocomplete/autocomplete_core.js

@@ -2,6 +2,15 @@
 
 module( "autocomplete: core" );
 
+test( "markup structure", function() {
+	expect( 2 );
+	var element = $( "#autocomplete" ).autocomplete(),
+		menu = element.autocomplete( "widget" );
+
+	ok( element.hasClass( "ui-autocomplete-input" ), "main element is .ui-autocomplete-input" );
+	ok( menu.hasClass( "ui-autocomplete" ), "menu is .ui-autocomplete" );
+});
+
 test( "prevent form submit on enter when menu is active", function() {
 	expect( 2 );
 	var event,

ui/autocomplete.js

@@ -32,6 +32,11 @@ $.widget( "ui.autocomplete", {
 	options: {
 		appendTo: null,
 		autoFocus: false,
+		classes: {
+			"ui-autocomplete": null,
+			"ui-autocomplete-input": null,
+			"ui-autocomplete-loading": null
+		},
 		delay: 300,
 		minLength: 1,
 		position: {
@@ -80,7 +85,7 @@ $.widget( "ui.autocomplete", {
 		this.isNewMenu = true;
 
 		this.element
-			.addClass( "ui-autocomplete-input" )
+			.addClass( this._classes( "ui-autocomplete-input" ) )
 			.attr( "autocomplete", "off" );
 
 		this._on( this.element, {
@@ -202,7 +207,7 @@ $.widget( "ui.autocomplete", {
 
 		this._initSource();
 		this.menu = $( "<ul>" )
-			.addClass( "ui-autocomplete ui-front" )
+			.addClass( this._classes( "ui-autocomplete" ) + " ui-front" )
 			.appendTo( this._appendTo() )
 			.menu({
 				// disable ARIA support, the live region takes care of that
@@ -323,7 +328,7 @@ $.widget( "ui.autocomplete", {
 	_destroy: function() {
 		clearTimeout( this.searching );
 		this.element
-			.removeClass( "ui-autocomplete-input" )
+			.removeClass( this._classes( "ui-autocomplete-input" ) )
 			.removeAttr( "autocomplete" );
 		this.menu.element.remove();
 		this.liveRegion.remove();
@@ -428,7 +433,7 @@ $.widget( "ui.autocomplete", {
 
 	_search: function( value ) {
 		this.pending++;
-		this.element.addClass( "ui-autocomplete-loading" );
+		this.element.addClass( this._classes( "ui-autocomplete-loading" ) );
 		this.cancelSearch = false;
 
 		this.source( { term: value }, this._response() );
@@ -444,7 +449,7 @@ $.widget( "ui.autocomplete", {
 
 			this.pending--;
 			if ( !this.pending ) {
-				this.element.removeClass( "ui-autocomplete-loading" );
+				this.element.removeClass( this._classes( "ui-autocomplete-loading" ) );
 			}
 		}, this );
 	},