library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2025-01-07 20:34:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Dialog: Update focus-tabbable test with a timer workaround to get IE8 to pass.

Browse Source
This commit is contained in:
Jörn Zaefferer 2012-11-17 18:04:10 +01:00
parent 73533d9bbc
commit f3525afe0e
1 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
tests/unit/dialog/dialog_core.js
View File

@ -48,34 +48,36 @@ test( "focus tabbable", function() {
}] }]
}; };
// 1. first element inside the dialog matching [autofocus]
el = $( "<div><input><input autofocus></div>" ).dialog( options ); el = $( "<div><input><input autofocus></div>" ).dialog( options );
equal( document.activeElement, el.find( "input" )[ 1 ] ); equal( document.activeElement, el.find( "input" )[ 1 ], "1. first element inside the dialog matching [autofocus]" );
el.remove(); el.remove();
// 2. tabbable element inside the content element // IE8 fails to focus the input, <body> ends up being the activeElement
el = $( "<div><input><input></div>" ).dialog( options ); // so wait for that stupid browser
equal( document.activeElement, el.find( "input" )[ 0 ] ); stop();
el.remove(); setTimeout(function() {
el = $( "<div><input><input></div>" ).dialog( options );
equal( document.activeElement, el.find( "input" )[ 0 ], "2. tabbable element inside the content element" );
el.remove();
// 3. tabbable element inside the buttonpane el = $( "<div>text</div>" ).dialog( options );
el = $( "<div>text</div>" ).dialog( options ); equal( document.activeElement, el.dialog( "widget" ).find( ".ui-dialog-buttonpane button" )[ 0 ], "3. tabbable element inside the buttonpane" );
equal( document.activeElement, el.dialog( "widget" ).find( ".ui-dialog-buttonpane button" )[ 0 ] ); el.remove();
el.remove();
// 4. the close button el = $( "<div>text</div>" ).dialog();
el = $( "<div>text</div>" ).dialog(); equal( document.activeElement, el.dialog( "widget" ).find( ".ui-dialog-titlebar .ui-dialog-titlebar-close" )[ 0 ], "4. the close button" );
equal( document.activeElement, el.dialog( "widget" ).find( ".ui-dialog-titlebar .ui-dialog-titlebar-close" )[ 0 ] ); el.remove();
el.remove();
// 5. the dialog itself el = $( "<div>text</div>" ).dialog({
el = $( "<div>text</div>" ).dialog({ autoOpen: false
autoOpen: false });
}); el.dialog( "widget" ).find( ".ui-dialog-titlebar-close" ).hide();
el.dialog( "widget" ).find( ".ui-dialog-titlebar-close" ).hide(); el.dialog( "open" );
el.dialog( "open" ); equal( document.activeElement, el.parent()[ 0 ], "5. the dialog itself" );
equal( document.activeElement, el.parent()[ 0 ] ); el.remove();
el.remove();
start();
}, 13);
}); });
})(jQuery); })(jQuery);