Navbar: Add classes option

Fixes gh-7705

js/widgets/navbar.js

@@ -11,6 +11,9 @@ define( [ "jquery", "../widget", "../grid" ], function( jQuery ) {
 
 $.widget( "mobile.navbar", {
 	options: {
+		classes: {
+			"ui-navbar": null
+		},
 		iconpos: "top",
 		grid: null
 	},
@@ -21,7 +24,7 @@ $.widget( "mobile.navbar", {
 			$navbtns = $navbar.find( "a, button" ),
 			iconpos = $navbtns.filter( ":jqmData(icon)" ).length ? this.options.iconpos : undefined;
 
-		$navbar.addClass( "ui-navbar" )
+		$navbar.addClass( this._classes( "ui-navbar" ) )
 			.attr( "role", "navigation" )
 			.find( "ul" )
 			.jqmEnhanceable()

tests/unit/navbar/index.html

@@ -15,7 +15,6 @@
 		$.testHelper.asyncLoad([
 			[ "widgets/page" ],
 			[
-				"buttonMarkup",
 				"widgets/navbar"
 			],
 			[ "init" ],

tests/unit/navbar/navbar_core.js

@@ -30,13 +30,15 @@
 	});
 
 	test( "classes are correctly assigned", function() {
-		var $ul = $('#enhanced-classes'),
-			r = $ul.find("li").eq(0).find("a"),
-			d = $ul.find("li").eq(1).find("a"),
-			u = $ul.find("li").eq(2).find("a");
+		var ul = $('#enhanced-classes'),
+			r = ul.find("li").eq(0).find("a"),
+			d = ul.find("li").eq(1).find("a"),
+			u = ul.find("li").eq(2).find("a");
+
+		deepEqual( ul.parent().hasClass( "ui-navbar" ), true, "navbar has class 'ui-navbar'" );
 
 		ok(r.hasClass("ui-icon-arrow-r") && !r.hasClass("ui-icon-arrow-d") && !r.hasClass("ui-icon-arrow-u"),"first item only has class of arrow-r");
 		ok(!d.hasClass("ui-icon-arrow-r") && d.hasClass("ui-icon-arrow-d") && !d.hasClass("ui-icon-arrow-u"),"second item only has class of arrow-d");
 		ok(!u.hasClass("ui-icon-arrow-r") && !u.hasClass("ui-icon-arrow-d") && u.hasClass("ui-icon-arrow-u"),"third item only has class of arrow-u");
 	});
-})(jQuery);
+})(jQuery);