imported the whole jquery-ui package, refreshed with 1.10.2

[unfold.git] / third-party / jquery-ui-1.10.2 / tests / unit / dialog / dialog_core.js

diff --git a/third-party/jquery-ui-1.10.2/tests/unit/dialog/dialog_core.js b/third-party/jquery-ui-1.10.2/tests/unit/dialog/dialog_core.js
new file mode 100644 (file)
index 0000000..e85759d
--- /dev/null
+++ b/third-party/jquery-ui-1.10.2/tests/unit/dialog/dialog_core.js
@@ -0,0 +1,163 @@
+/*
+ * dialog_core.js
+ */
+
+(function($) {
+
+module("dialog: core");
+
+test("title id", function() {
+       expect(1);
+
+       var titleId,
+               element = $("<div></div>").dialog();
+
+       titleId = element.dialog("widget").find(".ui-dialog-title").attr("id");
+       ok( /ui-id-\d+$/.test( titleId ), "auto-numbered title id");
+       element.remove();
+});
+
+test( "ARIA", function() {
+       expect( 4 );
+
+       var element = $( "<div></div>" ).dialog(),
+               wrapper = element.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" ), element.attr( "id" ), "aria-describedby added" );
+       element.remove();
+
+       element = $("<div><div aria-describedby='section2'><p id='section2'>descriotion</p></div></div>").dialog();
+       strictEqual( element.dialog( "widget" ).attr( "aria-describedby" ), undefined, "no aria-describedby added, as already present in markup" );
+       element.remove();
+});
+
+test("widget method", function() {
+       expect( 1 );
+       var dialog = $("<div>").appendTo("#qunit-fixture").dialog();
+       deepEqual(dialog.parent()[0], dialog.dialog("widget")[0]);
+       dialog.remove();
+});
+
+asyncTest( "focus tabbable", function() {
+       expect( 5 );
+       var element,
+               options = {
+                       buttons: [{
+                               text: "Ok",
+                               click: $.noop
+                       }]
+               };
+
+       function checkFocus( markup, options, testFn, next ) {
+               element = $( markup ).dialog( options );
+               setTimeout(function() {
+                       testFn();
+                       element.remove();
+                       setTimeout( next );
+               });
+       }
+
+       function step1() {
+               checkFocus( "<div><input><input autofocus></div>", options, function() {
+                       equal( document.activeElement, element.find( "input" )[ 1 ],
+                               "1. first element inside the dialog matching [autofocus]" );
+               }, step2 );
+       }
+
+       function step2() {
+               checkFocus( "<div><input><input></div>", options, function() {
+                       equal( document.activeElement, element.find( "input" )[ 0 ],
+                               "2. tabbable element inside the content element" );
+               }, step3 );
+       }
+
+       function step3() {
+               checkFocus( "<div>text</div>", options, function() {
+                       equal( document.activeElement,
+                               element.dialog( "widget" ).find( ".ui-dialog-buttonpane button" )[ 0 ],
+                               "3. tabbable element inside the buttonpane" );
+               }, step4 );
+       }
+
+       function step4() {
+               checkFocus( "<div>text</div>", {}, function() {
+                       equal( document.activeElement,
+                               element.dialog( "widget" ).find( ".ui-dialog-titlebar .ui-dialog-titlebar-close" )[ 0 ],
+                               "4. the close button" );
+               }, step5 );
+       }
+
+       function step5() {
+               element = $( "<div>text</div>" ).dialog({
+                       autoOpen: false
+               });
+               element.dialog( "widget" ).find( ".ui-dialog-titlebar-close" ).hide();
+               element.dialog( "open" );
+               setTimeout(function() {
+                       equal( document.activeElement, element.parent()[ 0 ], "5. the dialog itself" );
+                       element.remove();
+                       start();
+               });
+       }
+
+       step1();
+});
+
+test( "#7960: 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" );
+});
+
+asyncTest( "Prevent tabbing out of dialogs", function() {
+       expect( 3 );
+
+       var element = $( "<div><input><input></div>" ).dialog(),
+               inputs = element.find( "input" ),
+               widget = element.dialog( "widget" )[ 0 ];
+
+       function checkTab() {
+               ok( $.contains( widget, document.activeElement ), "Tab key event moved focus within the modal" );
+
+               // check shift tab
+               $( document.activeElement ).simulate( "keydown", { keyCode: $.ui.keyCode.TAB, shiftKey: true });
+               setTimeout( checkShiftTab );
+       }
+
+       function checkShiftTab() {
+               ok( $.contains( widget, document.activeElement ), "Shift-Tab key event moved focus within the modal" );
+
+               element.remove();
+               setTimeout( start );
+       }
+
+       inputs[1].focus();
+       setTimeout(function() {
+               equal( document.activeElement, inputs[1], "Focus set on second input" );
+               inputs.eq( 1 ).simulate( "keydown", { keyCode: $.ui.keyCode.TAB });
+
+               setTimeout( checkTab );
+       });
+});
+
+asyncTest( "#9048: multiple modal dialogs opened and closed in different order", function() {
+       expect( 1 );
+       $( "#dialog1, #dialog2" ).dialog({ autoOpen: false, modal:true });
+       $( "#dialog1" ).dialog( "open" );
+       $( "#dialog2" ).dialog( "open" );
+       $( "#dialog1" ).dialog( "close" );
+       setTimeout(function() {
+               $( "#dialog2" ).dialog( "close" );
+               $( "#favorite-animal" ).focus();
+               ok( true, "event handlers cleaned up (no errors thrown)" );
+               start();
+       });
+});
+})(jQuery);