mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Menu tests: More complete role option tests.
This commit is contained in:
parent
566c5f4058
commit
51c0878c41
@ -40,7 +40,13 @@ test( "{ disabled: false }", function() {
|
||||
equal( logOutput(), "click,1,afterclick", "Click order not valid." );
|
||||
});
|
||||
|
||||
test( "{ role: 'menu' } ", function () {
|
||||
// TODO: test icon option
|
||||
|
||||
// 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 );
|
||||
@ -55,16 +61,37 @@ test( "{ role: 'menu' } ", function () {
|
||||
});
|
||||
});
|
||||
|
||||
test( "{ role: 'listbox' } ", function () {
|
||||
test( "{ role: 'listbox' } ", function() {
|
||||
var element = $( "#menu1" ).menu({
|
||||
role: "listbox"
|
||||
}),
|
||||
items = element.find( "li" );
|
||||
expect( 2 + items.length );
|
||||
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 + ")" );
|
||||
});
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user