summaryrefslogtreecommitdiffstats
path: root/apps/it/static/js/ui/tests/unit/dialog/dialog_core.js
diff options
context:
space:
mode:
Diffstat (limited to 'apps/it/static/js/ui/tests/unit/dialog/dialog_core.js')
-rw-r--r--apps/it/static/js/ui/tests/unit/dialog/dialog_core.js163
1 files changed, 0 insertions, 163 deletions
diff --git a/apps/it/static/js/ui/tests/unit/dialog/dialog_core.js b/apps/it/static/js/ui/tests/unit/dialog/dialog_core.js
deleted file mode 100644
index e85759d..0000000
--- a/apps/it/static/js/ui/tests/unit/dialog/dialog_core.js
+++ /dev/null
@@ -1,163 +0,0 @@
-/*
- * 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);