mirror of
https://github.com/jquery/jquery-ui.git
synced 2025-01-07 20:34:24 +00:00
Menu tests: Split out markup structure and accessibility assertions.
This commit is contained in:
parent
5ae668fdb6
commit
25d5aa1fa1
@ -2,23 +2,29 @@
|
||||
|
||||
module( "menu: core" );
|
||||
|
||||
test( "markup structure", function() {
|
||||
expect( 6 );
|
||||
var element = $( "#menu1" ).menu();
|
||||
ok( element.hasClass( "ui-menu" ), "main element is .ui-menu" );
|
||||
element.children().each(function( index ) {
|
||||
ok( $( this ).hasClass( "ui-menu-item" ), "child " + index + " is .ui-menu-item" );
|
||||
});
|
||||
});
|
||||
|
||||
test( "accessibility", function () {
|
||||
expect( 5 );
|
||||
var item,
|
||||
element = $( "#menu1" ).menu(),
|
||||
item0 = $( "li:eq(0) a" );
|
||||
expect( 4 );
|
||||
var element = $( "#menu1" ).menu();
|
||||
|
||||
ok( element.hasClass( "ui-menu ui-widget ui-widget-content ui-corner-all" ), "menu class");
|
||||
equal( element.attr( "role" ), "menu", "main role" );
|
||||
ok( !element.attr( "aria-activedescendant" ), "aria attribute not yet active" );
|
||||
ok( !element.attr( "aria-activedescendant" ), "aria-activedescendant not set" );
|
||||
|
||||
item = element.find( "li:first" ).find( "a" ).attr( "id", "xid" ).end();
|
||||
element.menu( "focus", $.Event(), item );
|
||||
equal( element.attr( "aria-activedescendant" ), "xid", "aria attribute, id from DOM" );
|
||||
element.menu( "focus", $.Event(), element.children().eq( -2 ) );
|
||||
equal( element.attr( "aria-activedescendant" ), "testID1", "aria-activedescendant from existing id" );
|
||||
|
||||
item = element.find( "li:last" );
|
||||
element.menu( "focus", $.Event(), item );
|
||||
ok( /^ui-id-\d+$/.test( element.attr( "aria-activedescendant" ) ), "aria attribute, generated id");
|
||||
element.menu( "focus", $.Event(), element.children().eq( 0 ) );
|
||||
ok( /^ui-id-\d+$/.test( element.attr( "aria-activedescendant" ) ), "aria-activedescendant from generated id" );
|
||||
|
||||
// Item roles are tested in the role option tests
|
||||
});
|
||||
|
||||
})( jQuery );
|
||||
|
Loading…
Reference in New Issue
Block a user