2009-02-02 14:36:08 +00:00
|
|
|
/*
|
|
|
|
|
* dialog_core.js
|
|
|
|
|
*/
|
2009-02-04 04:35:18 +00:00
|
|
|
|
2009-02-02 14:36:08 +00:00
|
|
|
(function($) {
|
|
|
|
|
|
|
|
|
|
module("dialog: core");
|
|
|
|
|
|
2009-02-04 04:35:18 +00:00
|
|
|
test("title id", function() {
|
2012-05-30 04:11:42 +00:00
|
|
|
expect(1);
|
2009-02-04 04:35:18 +00:00
|
|
|
|
2012-11-03 20:17:16 +00:00
|
|
|
var titleId,
|
|
|
|
|
el = $('<div></div>').dialog();
|
|
|
|
|
|
|
|
|
|
titleId = el.dialog('widget').find('.ui-dialog-title').attr('id');
|
2012-05-30 04:11:42 +00:00
|
|
|
ok( /ui-id-\d+$/.test( titleId ), 'auto-numbered title id');
|
2009-02-04 04:35:18 +00:00
|
|
|
el.remove();
|
|
|
|
|
});
|
|
|
|
|
|
2012-11-17 12:23:57 +00:00
|
|
|
test( "ARIA", function() {
|
|
|
|
|
expect( 4 );
|
|
|
|
|
|
|
|
|
|
var el = $( "<div></div>" ).dialog(),
|
|
|
|
|
wrapper = el.dialog( "widget" );
|
|
|
|
|
equal( wrapper.attr( "role" ), "dialog", "dialog role" );
|
|
|
|
|
equal( wrapper.attr( "aria-labelledby" ), wrapper.find( ".ui-dialog-title" ).attr( "id" ) );
|
|
|
|
|
equal( wrapper.attr( "aria-describedby" ), el.attr( "id" ), "aria-describedby added" );
|
|
|
|
|
el.remove();
|
2009-02-04 04:35:18 +00:00
|
|
|
|
2012-11-17 12:23:57 +00:00
|
|
|
el = $( '<div><div aria-describedby="section2"><p id="section2">descriotion</p></div></div>' ).dialog();
|
|
|
|
|
strictEqual( el.dialog( "widget" ).attr( "aria-describedby" ), undefined, "no aria-describedby added, as already present in markup" );
|
2009-02-04 04:35:18 +00:00
|
|
|
el.remove();
|
2009-02-02 14:36:08 +00:00
|
|
|
});
|
|
|
|
|
|
2010-01-07 03:19:50 +00:00
|
|
|
test("widget method", function() {
|
2012-06-27 15:32:48 +00:00
|
|
|
expect( 1 );
|
2011-08-04 01:43:52 +00:00
|
|
|
var dialog = $("<div>").appendTo("#main").dialog();
|
2012-02-28 14:56:32 +00:00
|
|
|
deepEqual(dialog.parent()[0], dialog.dialog("widget")[0]);
|
2010-01-07 03:19:50 +00:00
|
|
|
});
|
|
|
|
|
|
2012-11-16 19:24:57 +00:00
|
|
|
test( "focus tabbable", function() {
|
|
|
|
|
expect( 5 );
|
|
|
|
|
var el,
|
|
|
|
|
options = {
|
|
|
|
|
buttons: [{
|
|
|
|
|
text: "Ok",
|
|
|
|
|
click: $.noop
|
|
|
|
|
}]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
el = $( "<div><input><input autofocus></div>" ).dialog( options );
|
2012-11-17 17:04:10 +00:00
|
|
|
equal( document.activeElement, el.find( "input" )[ 1 ], "1. first element inside the dialog matching [autofocus]" );
|
2012-11-16 19:24:57 +00:00
|
|
|
el.remove();
|
|
|
|
|
|
2012-11-17 17:04:10 +00:00
|
|
|
// IE8 fails to focus the input, <body> ends up being the activeElement
|
|
|
|
|
// so wait for that stupid browser
|
|
|
|
|
stop();
|
|
|
|
|
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();
|
|
|
|
|
|
|
|
|
|
el = $( "<div>text</div>" ).dialog( options );
|
|
|
|
|
equal( document.activeElement, el.dialog( "widget" ).find( ".ui-dialog-buttonpane button" )[ 0 ], "3. tabbable element inside the buttonpane" );
|
|
|
|
|
el.remove();
|
|
|
|
|
|
|
|
|
|
el = $( "<div>text</div>" ).dialog();
|
|
|
|
|
equal( document.activeElement, el.dialog( "widget" ).find( ".ui-dialog-titlebar .ui-dialog-titlebar-close" )[ 0 ], "4. the close button" );
|
|
|
|
|
el.remove();
|
|
|
|
|
|
|
|
|
|
el = $( "<div>text</div>" ).dialog({
|
|
|
|
|
autoOpen: false
|
|
|
|
|
});
|
|
|
|
|
el.dialog( "widget" ).find( ".ui-dialog-titlebar-close" ).hide();
|
|
|
|
|
el.dialog( "open" );
|
|
|
|
|
equal( document.activeElement, el.parent()[ 0 ], "5. the dialog itself" );
|
|
|
|
|
el.remove();
|
|
|
|
|
|
|
|
|
|
start();
|
|
|
|
|
}, 13);
|
2012-11-16 19:24:57 +00:00
|
|
|
});
|
|
|
|
|
|
2012-11-26 21:27:18 +00:00
|
|
|
// #7960
|
|
|
|
|
test( "resizable handles below modal overlays", function() {
|
|
|
|
|
expect( 1 );
|
|
|
|
|
|
|
|
|
|
var resizable = $( "<div>" ).resizable(),
|
|
|
|
|
dialog = $( "<div>" ).dialog({ modal: true }),
|
|
|
|
|
resizableZindex = parseInt( resizable.find( ".ui-resizable-handle" ).css( "zIndex" ), 10 ),
|
|
|
|
|
overlayZindex = parseInt( $( ".ui-widget-overlay" ).css( "zIndex" ), 10 );
|
|
|
|
|
|
|
|
|
|
ok( resizableZindex < overlayZindex, "Resizable handles have lower z-index than modal overlay" );
|
|
|
|
|
dialog.dialog( "destroy" );
|
|
|
|
|
});
|
|
|
|
|
|
2009-02-02 14:36:08 +00:00
|
|
|
})(jQuery);
|
