imported the whole jquery-ui package, refreshed with 1.10.2

[unfold.git] / third-party / jquery-ui-1.10.2 / tests / unit / menu / menu_options.js

diff --git a/third-party/jquery-ui-1.10.2/tests/unit/menu/menu_options.js b/third-party/jquery-ui-1.10.2/tests/unit/menu/menu_options.js
new file mode 100644 (file)
index 0000000..e3977e6
--- /dev/null
+++ b/third-party/jquery-ui-1.10.2/tests/unit/menu/menu_options.js
@@ -0,0 +1,115 @@
+(function( $ ) {
+
+var log = TestHelpers.menu.log,
+       logOutput = TestHelpers.menu.logOutput,
+       click = TestHelpers.menu.click;
+
+module( "menu: options", {
+       setup: function() {
+               TestHelpers.menu.clearLog();
+       }
+});
+
+test( "{ disabled: true }", function() {
+       expect( 2 );
+       var element = $( "#menu1" ).menu({
+               disabled: true,
+               select: function() {
+                       log();
+               }
+       });
+       ok( element.hasClass( "ui-state-disabled" ), "Missing ui-state-disabled class" );
+       log( "click", true );
+       click( element, "1" );
+       log( "afterclick" );
+       equal( logOutput(), "click,afterclick", "Click order not valid." );
+});
+
+test( "{ disabled: false }", function() {
+       expect( 2 );
+       var element = $( "#menu1" ).menu({
+               disabled: false,
+               select: function() {
+                       log();
+               }
+       });
+       ok( !element.hasClass( "ui-state-disabled" ), "Has ui-state-disabled class" );
+       log( "click", true );
+       click( element, "1" );
+       log( "afterclick" );
+       equal( logOutput(), "click,1,afterclick", "Click order not valid." );
+});
+
+test( "{ icons: default }", function() {
+       expect( 2 );
+       var element = $( "#menu2" ).menu();
+       equal( element.find( ".ui-menu-icon" ).attr( "class" ), "ui-menu-icon ui-icon ui-icon-carat-1-e" );
+
+       element.menu("option", "icons.submenu", "ui-icon-triangle-1-e");
+       equal( element.find( ".ui-menu-icon" ).attr( "class" ), "ui-menu-icon ui-icon ui-icon-triangle-1-e" );
+});
+
+test( "{ icons: { submenu: 'custom' } }", function() {
+       expect( 1 );
+       var element = $( "#menu2" ).menu({
+               icons: {
+                       submenu: "custom-class"
+               }
+       });
+       equal( element.find( ".ui-menu-icon" ).attr( "class" ), "ui-menu-icon ui-icon custom-class" );
+});
+
+// TODO: test menus option
+
+// TODO: test position option
+
+test( "{ role: 'menu' } ", function() {
+       var element = $( "#menu1" ).menu(),
+               items = element.find( "li" );
+       expect( 2 + 5 * items.length );
+       equal( element.attr( "role" ), "menu" );
+       ok( items.length > 0, "number of menu items" );
+       items.each(function( item ) {
+               ok( $( this ).hasClass( "ui-menu-item" ), "menu item ("+ item + ") class for item" );
+               equal( $( this ).attr( "role" ), "presentation", "menu item ("+ item + ") role" );
+               equal( $( "a", this ).attr( "role" ), "menuitem", "menu item ("+ item + ") role" );
+               ok( $( "a", this ).hasClass( "ui-corner-all" ), "a element class for menu item ("+ item + ")" );
+               equal( $( "a", this ).attr( "tabindex" ), "-1", "a element tabindex for menu item ("+ item + ")" );
+       });
+});
+
+test( "{ role: 'listbox' } ", function() {
+       var element = $( "#menu1" ).menu({
+                       role: "listbox"
+               }),
+               items = element.find( "li" );
+       expect( 2 + 5 * items.length );
+       equal( element.attr( "role" ), "listbox" );
+       ok( items.length > 0, "number of menu items" );
+       items.each(function( item ) {
+               ok( $( this ).hasClass( "ui-menu-item" ), "menu item ("+ item + ") class for item" );
+               equal( $( this ).attr( "role" ), "presentation", "menu item ("+ item + ") role" );
+               equal( $( "a", this ).attr( "role" ), "option", "menu item ("+ item + ") role" );
+               ok( $( "a", this ).hasClass( "ui-corner-all" ), "a element class for menu item ("+ item + ")" );
+               equal( $( "a", this ).attr( "tabindex" ), "-1", "a element tabindex for menu item ("+ item + ")" );
+       });
+});
+
+test( "{ role: null }", function() {
+       var element = $( "#menu1" ).menu({
+                       role: null
+               }),
+               items = element.find( "li" );
+       expect( 2 + 5 * items.length );
+       strictEqual( element.attr( "role" ), undefined );
+       ok( items.length > 0, "number of menu items" );
+       items.each(function( item ) {
+               ok( $( this ).hasClass( "ui-menu-item" ), "menu item ("+ item + ") class for item" );
+               equal( $( this ).attr( "role" ), "presentation", "menu item ("+ item + ") role" );
+               equal( $( "a", this ).attr( "role" ), undefined, "menu item ("+ item + ") role" );
+               ok( $( "a", this ).hasClass( "ui-corner-all" ), "a element class for menu item ("+ item + ")" );
+               equal( $( "a", this ).attr( "tabindex" ), "-1", "a element tabindex for menu item ("+ item + ")" );
+       });
+});
+
+})( jQuery );