mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-05 01:44:18 +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." );
|
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(),
|
var element = $( "#menu1" ).menu(),
|
||||||
items = element.find( "li" );
|
items = element.find( "li" );
|
||||||
expect( 2 + 5 * items.length );
|
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({
|
var element = $( "#menu1" ).menu({
|
||||||
role: "listbox"
|
role: "listbox"
|
||||||
}),
|
}),
|
||||||
items = element.find( "li" );
|
items = element.find( "li" );
|
||||||
expect( 2 + items.length );
|
expect( 2 + 5 * items.length );
|
||||||
equal( element.attr( "role" ), "listbox" );
|
equal( element.attr( "role" ), "listbox" );
|
||||||
ok( items.length > 0, "number of menu items" );
|
ok( items.length > 0, "number of menu items" );
|
||||||
items.each(function( item ) {
|
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" );
|
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