library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Selectmenu tests: wrong selected item when using keyboard control on button and focusing menu item before

Browse Source
This commit is contained in:
Felix Nagel 2013-02-13 22:18:12 +01:00
parent fdf3af681d
commit 75cfcf2235
1 changed files with 43 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
tests/unit/selectmenu/selectmenu_core.js
View File

@ -44,7 +44,7 @@ $.each([
selector: "#files"
}
], function( i, settings ) {
test("state synchronization - after keydown - " + settings.type, function () {
test("state synchronization - after keydown on button - " + settings.type, function () {
expect(5);
var links,
@ -64,7 +64,7 @@ $.each([
equal( button.text(), selected.next("option").text(), "button text" );
});
test("state synchronization - after click - " + settings.type, function () {
test("state synchronization - after click on item - " + settings.type, function () {
expect(5);
var links,
@ -83,6 +83,47 @@ $.each([
equal( element.find("option:selected").val(), element.find("option").last().val(), "original select state" );
equal( button.text(), element.find("option").last().text(), "button text" );
});
test("state synchronization - after focus item and keydown on button - " + settings.type, function () {
expect(5);
var links,
element = $(settings.selector).selectmenu({
select: function(){
console.log("selected");
},
focus: function(){
console.log("focused");
},
close: function(){
console.log("closed");
}
}),
button = element.selectmenu("widget"),
menu = element.selectmenu("menuWidget"),
selected = element.find("option:selected"),
options = element.find("option");
// init menu
button.simulate( "focus" );
links = menu.find("li.ui-menu-item a");
// open menu and click first item
button.simulate( "click" );
links.first().simulate( "mouseover" ).trigger( "click" );
// open menu again and hover item
button.simulate( "click" );
links.eq(3).simulate( "mouseover" );
// close and use keyboard control on button
button.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } );
button.simulate( "focus" );
button.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
equal( menu.attr("aria-activedescendant"), links.eq(1).attr("id"), "menu aria-activedescendant" );
equal( links.eq(1).attr("aria-selected"), "true", "selected menu link aria-selected" );
equal( button.attr("aria-activedescendant"), links.eq(1).attr("id"), "button aria-activedescendant" );
equal( element.find("option:selected").val(), options.eq(1).val() , "original select state" );
equal( button.text(), options.eq(1).text(), "button text" );
});
});
})( jQuery );