Menu: Tests for role option

This commit is contained in:
Jörn Zaefferer 2012-05-18 16:04:54 +02:00
parent 49b1a190b6
commit 627d27fea2
2 changed files with 26 additions and 13 deletions

View File

@ -26,17 +26,4 @@ test("accessibility", function () {
equal( menu.attr("aria-activedescendant"), "menu1-4", "aria attribute, generated id");
});
test("items class and role", function () {
var menu = $('#menu1').menu();
expect(1 + 5 * $("li",menu).length);
ok( ($("li",menu).length > 0 ), "number of menu items");
$("li",menu).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 + ") ");
});
});
})(jQuery);

View File

@ -38,4 +38,30 @@ test( "{ disabled: false }", function() {
equal( $("#log").html(), "afterclick,1,click,", "Click order not valid.");
});
test("{ role: 'menu' } ", function () {
var menu = $('#menu1').menu();
expect(2 + 5 * $("li", menu).length);
equal( menu.attr( "role" ), "menu" );
ok( $("li", menu).length > 0, "number of menu items");
$("li", menu).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 menu = $('#menu1').menu({
role: "listbox"
});
expect(2 + $("li", menu).length);
equal( menu.attr( "role" ), "listbox" );
ok( ($("li", menu).length > 0 ), "number of menu items");
$("li", menu).each(function(item) {
equal( $("a", this).attr("role"), "option", "menu item ("+ item + ") role");
});
});
})(jQuery);