aboutsummaryrefslogtreecommitdiffstats
path: root/tests/unit/dialog/events.js
diff options
context:
space:
mode:
Diffstat (limited to 'tests/unit/dialog/events.js')
-rw-r--r--tests/unit/dialog/events.js498
1 files changed, 249 insertions, 249 deletions
diff --git a/tests/unit/dialog/events.js b/tests/unit/dialog/events.js
index 8a56699ab..dd1f4055a 100644
--- a/tests/unit/dialog/events.js
+++ b/tests/unit/dialog/events.js
@@ -4,75 +4,75 @@ define( [
"ui/widgets/dialog"
], function( $, testHelper ) {
-module("dialog: events");
-
-test("open", function() {
- expect(13);
-
- var element = $("<div></div>");
- element.dialog({
- open: function(ev, ui) {
- ok(element.dialog( "instance" )._isOpen, "interal _isOpen flag is set");
- ok(true, "autoOpen: true fires open callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogopen", "event type in callback");
- deepEqual(ui, {}, "ui hash in callback");
+module( "dialog: events" );
+
+test( "open", function() {
+ expect( 13 );
+
+ var element = $( "<div></div>" );
+ element.dialog( {
+ open: function( ev, ui ) {
+ ok( element.dialog( "instance" )._isOpen, "interal _isOpen flag is set" );
+ ok( true, "autoOpen: true fires open callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogopen", "event type in callback" );
+ deepEqual( ui, {}, "ui hash in callback" );
}
- });
+ } );
element.remove();
- element = $("<div></div>");
- element.dialog({
+ element = $( "<div></div>" );
+ element.dialog( {
autoOpen: false,
- open: function(ev, ui) {
- ok(true, ".dialog('open') fires open callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogopen", "event type in callback");
- deepEqual(ui, {}, "ui hash in callback");
+ open: function( ev, ui ) {
+ ok( true, ".dialog('open') fires open callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogopen", "event type in callback" );
+ deepEqual( ui, {}, "ui hash in callback" );
}
- }).on("dialogopen", function(ev, ui) {
- ok(element.dialog( "instance" )._isOpen, "interal _isOpen flag is set");
- ok(true, "dialog('open') fires open event");
- equal(this, element[0], "context of event");
- deepEqual(ui, {}, "ui hash in event");
- });
- element.dialog("open");
+ } ).on( "dialogopen", function( ev, ui ) {
+ ok( element.dialog( "instance" )._isOpen, "interal _isOpen flag is set" );
+ ok( true, "dialog('open') fires open event" );
+ equal( this, element[ 0 ], "context of event" );
+ deepEqual( ui, {}, "ui hash in event" );
+ } );
+ element.dialog( "open" );
element.remove();
-});
+} );
test( "focus", function() {
expect( 5 );
var element, other;
- element = $("#dialog1").dialog({
+ element = $( "#dialog1" ).dialog( {
autoOpen: false
- });
- other = $("#dialog2").dialog({
+ } );
+ other = $( "#dialog2" ).dialog( {
autoOpen: false
- });
+ } );
element.one( "dialogopen", function() {
ok( true, "open, just once" );
- });
+ } );
element.one( "dialogfocus", function() {
ok( true, "focus on open" );
- });
+ } );
other.dialog( "open" );
element.one( "dialogfocus", function() {
ok( true, "when opening and already open and wasn't on top" );
- });
+ } );
other.dialog( "open" );
element.dialog( "open" );
element.one( "dialogfocus", function() {
ok( true, "when calling moveToTop and wasn't on top" );
- });
+ } );
other.dialog( "moveToTop" );
element.dialog( "moveToTop" );
element.on( "dialogfocus", function() {
ok( true, "when mousedown anywhere on the dialog and it wasn't on top" );
- });
+ } );
other.dialog( "moveToTop" );
element.trigger( "mousedown" );
@@ -82,289 +82,289 @@ test( "focus", function() {
element.trigger( "mousedown" );
element.add( other ).remove();
-});
+} );
-test("dragStart", function() {
- expect(9);
+test( "dragStart", function() {
+ expect( 9 );
var handle,
- element = $("<div></div>").dialog({
- dragStart: function(ev, ui) {
- ok(true, "dragging fires dragStart callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogdragstart", "event type in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
+ element = $( "<div></div>" ).dialog( {
+ dragStart: function( ev, ui ) {
+ ok( true, "dragging fires dragStart callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogdragstart", "event type in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.offset !== undefined, "ui.offset in callback" );
}
- }).on("dialogdragstart", function(ev, ui) {
- ok(true, "dragging fires dialogdragstart event");
- equal(this, element[0], "context of event");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
- });
-
- handle = $(".ui-dialog-titlebar", element.dialog("widget"));
- testHelper.drag(element, handle, 50, 50);
+ } ).on( "dialogdragstart", function( ev, ui ) {
+ ok( true, "dragging fires dialogdragstart event" );
+ equal( this, element[ 0 ], "context of event" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.offset !== undefined, "ui.offset in callback" );
+ } );
+
+ handle = $( ".ui-dialog-titlebar", element.dialog( "widget" ) );
+ testHelper.drag( element, handle, 50, 50 );
element.remove();
-});
+} );
-test("drag", function() {
- expect(9);
+test( "drag", function() {
+ expect( 9 );
var handle,
hasDragged = false,
- element = $("<div></div>").dialog({
- drag: function(ev, ui) {
- if (!hasDragged) {
- ok(true, "dragging fires drag callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogdrag", "event type in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
+ element = $( "<div></div>" ).dialog( {
+ drag: function( ev, ui ) {
+ if ( !hasDragged ) {
+ ok( true, "dragging fires drag callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogdrag", "event type in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.offset !== undefined, "ui.offset in callback" );
hasDragged = true;
}
}
- }).one("dialogdrag", function(ev, ui) {
- ok(true, "dragging fires dialogdrag event");
- equal(this, element[0], "context of event");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
- });
-
- handle = $(".ui-dialog-titlebar", element.dialog("widget"));
- testHelper.drag(element, handle, 50, 50);
+ } ).one( "dialogdrag", function( ev, ui ) {
+ ok( true, "dragging fires dialogdrag event" );
+ equal( this, element[ 0 ], "context of event" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.offset !== undefined, "ui.offset in callback" );
+ } );
+
+ handle = $( ".ui-dialog-titlebar", element.dialog( "widget" ) );
+ testHelper.drag( element, handle, 50, 50 );
element.remove();
-});
+} );
-test("dragStop", function() {
- expect(9);
+test( "dragStop", function() {
+ expect( 9 );
var handle,
- element = $("<div></div>").dialog({
- dragStop: function(ev, ui) {
- ok(true, "dragging fires dragStop callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogdragstop", "event type in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
+ element = $( "<div></div>" ).dialog( {
+ dragStop: function( ev, ui ) {
+ ok( true, "dragging fires dragStop callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogdragstop", "event type in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.offset !== undefined, "ui.offset in callback" );
}
- }).on("dialogdragstop", function(ev, ui) {
- ok(true, "dragging fires dialogdragstop event");
- equal(this, element[0], "context of event");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
- });
-
- handle = $(".ui-dialog-titlebar", element.dialog("widget"));
- testHelper.drag(element, handle, 50, 50);
+ } ).on( "dialogdragstop", function( ev, ui ) {
+ ok( true, "dragging fires dialogdragstop event" );
+ equal( this, element[ 0 ], "context of event" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.offset !== undefined, "ui.offset in callback" );
+ } );
+
+ handle = $( ".ui-dialog-titlebar", element.dialog( "widget" ) );
+ testHelper.drag( element, handle, 50, 50 );
element.remove();
-});
+} );
-test("resizeStart", function() {
- expect(13);
+test( "resizeStart", function() {
+ expect( 13 );
var handle,
- element = $("<div></div>").dialog({
- resizeStart: function(ev, ui) {
- ok(true, "resizing fires resizeStart callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogresizestart", "event type in callback");
- ok(ui.originalPosition !== undefined, "ui.originalPosition in callback");
- ok(ui.originalSize !== undefined, "ui.originalSize in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.size !== undefined, "ui.size in callback");
+ element = $( "<div></div>" ).dialog( {
+ resizeStart: function( ev, ui ) {
+ ok( true, "resizing fires resizeStart callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogresizestart", "event type in callback" );
+ ok( ui.originalPosition !== undefined, "ui.originalPosition in callback" );
+ ok( ui.originalSize !== undefined, "ui.originalSize in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.size !== undefined, "ui.size in callback" );
}
- }).on("dialogresizestart", function(ev, ui) {
- ok(true, "resizing fires dialogresizestart event");
- equal(this, element[0], "context of event");
- ok(ui.originalPosition !== undefined, "ui.originalPosition in callback");
- ok(ui.originalSize !== undefined, "ui.originalSize in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.size !== undefined, "ui.size in callback");
- });
-
- handle = $(".ui-resizable-se", element.dialog("widget"));
- testHelper.drag(element, handle, 50, 50);
+ } ).on( "dialogresizestart", function( ev, ui ) {
+ ok( true, "resizing fires dialogresizestart event" );
+ equal( this, element[ 0 ], "context of event" );
+ ok( ui.originalPosition !== undefined, "ui.originalPosition in callback" );
+ ok( ui.originalSize !== undefined, "ui.originalSize in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.size !== undefined, "ui.size in callback" );
+ } );
+
+ handle = $( ".ui-resizable-se", element.dialog( "widget" ) );
+ testHelper.drag( element, handle, 50, 50 );
element.remove();
-});
+} );
-test("resize", function() {
- expect(13);
+test( "resize", function() {
+ expect( 13 );
var handle,
hasResized = false,
- element = $("<div></div>").dialog({
- resize: function(ev, ui) {
- if (!hasResized) {
- ok(true, "resizing fires resize callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogresize", "event type in callback");
- ok(ui.originalPosition !== undefined, "ui.originalPosition in callback");
- ok(ui.originalSize !== undefined, "ui.originalSize in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.size !== undefined, "ui.size in callback");
+ element = $( "<div></div>" ).dialog( {
+ resize: function( ev, ui ) {
+ if ( !hasResized ) {
+ ok( true, "resizing fires resize callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogresize", "event type in callback" );
+ ok( ui.originalPosition !== undefined, "ui.originalPosition in callback" );
+ ok( ui.originalSize !== undefined, "ui.originalSize in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.size !== undefined, "ui.size in callback" );
hasResized = true;
}
}
- }).one("dialogresize", function(ev, ui) {
- ok(true, "resizing fires dialogresize event");
- equal(this, element[0], "context of event");
- ok(ui.originalPosition !== undefined, "ui.originalPosition in callback");
- ok(ui.originalSize !== undefined, "ui.originalSize in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.size !== undefined, "ui.size in callback");
- });
-
- handle = $(".ui-resizable-se", element.dialog("widget"));
- testHelper.drag(element, handle, 50, 50);
+ } ).one( "dialogresize", function( ev, ui ) {
+ ok( true, "resizing fires dialogresize event" );
+ equal( this, element[ 0 ], "context of event" );
+ ok( ui.originalPosition !== undefined, "ui.originalPosition in callback" );
+ ok( ui.originalSize !== undefined, "ui.originalSize in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.size !== undefined, "ui.size in callback" );
+ } );
+
+ handle = $( ".ui-resizable-se", element.dialog( "widget" ) );
+ testHelper.drag( element, handle, 50, 50 );
element.remove();
-});
+} );
-test("resizeStop", function() {
- expect(13);
+test( "resizeStop", function() {
+ expect( 13 );
var handle,
- element = $("<div></div>").dialog({
- resizeStop: function(ev, ui) {
- ok(true, "resizing fires resizeStop callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogresizestop", "event type in callback");
- ok(ui.originalPosition !== undefined, "ui.originalPosition in callback");
- ok(ui.originalSize !== undefined, "ui.originalSize in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.size !== undefined, "ui.size in callback");
+ element = $( "<div></div>" ).dialog( {
+ resizeStop: function( ev, ui ) {
+ ok( true, "resizing fires resizeStop callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogresizestop", "event type in callback" );
+ ok( ui.originalPosition !== undefined, "ui.originalPosition in callback" );
+ ok( ui.originalSize !== undefined, "ui.originalSize in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.size !== undefined, "ui.size in callback" );
}
- }).on("dialogresizestop", function(ev, ui) {
- ok(true, "resizing fires dialogresizestop event");
- equal(this, element[0], "context of event");
- ok(ui.originalPosition !== undefined, "ui.originalPosition in callback");
- ok(ui.originalSize !== undefined, "ui.originalSize in callback");
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.size !== undefined, "ui.size in callback");
- });
-
- handle = $(".ui-resizable-se", element.dialog("widget"));
- testHelper.drag(element, handle, 50, 50);
+ } ).on( "dialogresizestop", function( ev, ui ) {
+ ok( true, "resizing fires dialogresizestop event" );
+ equal( this, element[ 0 ], "context of event" );
+ ok( ui.originalPosition !== undefined, "ui.originalPosition in callback" );
+ ok( ui.originalSize !== undefined, "ui.originalSize in callback" );
+ ok( ui.position !== undefined, "ui.position in callback" );
+ ok( ui.size !== undefined, "ui.size in callback" );
+ } );
+
+ handle = $( ".ui-resizable-se", element.dialog( "widget" ) );
+ testHelper.drag( element, handle, 50, 50 );
element.remove();
-});
+} );
-asyncTest("close", function() {
- expect(14);
+asyncTest( "close", function() {
+ expect( 14 );
- var element = $("<div></div>").dialog({
- close: function(ev, ui) {
- ok(true, ".dialog('close') fires close callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogclose", "event type in callback");
- deepEqual(ui, {}, "ui hash in callback");
+ var element = $( "<div></div>" ).dialog( {
+ close: function( ev, ui ) {
+ ok( true, ".dialog('close') fires close callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogclose", "event type in callback" );
+ deepEqual( ui, {}, "ui hash in callback" );
}
- }).on("dialogclose", function(ev, ui) {
- ok(true, ".dialog('close') fires dialogclose event");
- equal(this, element[0], "context of event");
- deepEqual(ui, {}, "ui hash in event");
- });
- element.dialog("close");
+ } ).on( "dialogclose", function( ev, ui ) {
+ ok( true, ".dialog('close') fires dialogclose event" );
+ equal( this, element[ 0 ], "context of event" );
+ deepEqual( ui, {}, "ui hash in event" );
+ } );
+ element.dialog( "close" );
element.remove();
// Close event with an effect
- element = $("<div></div>").dialog({
+ element = $( "<div></div>" ).dialog( {
hide: 10,
- close: function(ev, ui) {
- ok(true, ".dialog('close') fires close callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogclose", "event type in callback");
- deepEqual(ui, {}, "ui hash in callback");
+ close: function( ev, ui ) {
+ ok( true, ".dialog('close') fires close callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogclose", "event type in callback" );
+ deepEqual( ui, {}, "ui hash in callback" );
start();
}
- }).on("dialogclose", function(ev, ui) {
- ok(true, ".dialog('close') fires dialogclose event");
- equal(this, element[0], "context of event");
- deepEqual(ui, {}, "ui hash in event");
- });
- element.dialog("close");
-});
-
-test("beforeClose", function() {
- expect(14);
-
- var element = $("<div></div>").dialog({
- beforeClose: function(ev, ui) {
- ok(true, ".dialog('close') fires beforeClose callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogbeforeclose", "event type in callback");
- deepEqual(ui, {}, "ui hash in callback");
+ } ).on( "dialogclose", function( ev, ui ) {
+ ok( true, ".dialog('close') fires dialogclose event" );
+ equal( this, element[ 0 ], "context of event" );
+ deepEqual( ui, {}, "ui hash in event" );
+ } );
+ element.dialog( "close" );
+} );
+
+test( "beforeClose", function() {
+ expect( 14 );
+
+ var element = $( "<div></div>" ).dialog( {
+ beforeClose: function( ev, ui ) {
+ ok( true, ".dialog('close') fires beforeClose callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogbeforeclose", "event type in callback" );
+ deepEqual( ui, {}, "ui hash in callback" );
return false;
}
- });
+ } );
- element.dialog("close");
- ok( element.dialog("widget").is(":visible"), "beforeClose callback should prevent dialog from closing");
+ element.dialog( "close" );
+ ok( element.dialog( "widget" ).is( ":visible" ), "beforeClose callback should prevent dialog from closing" );
element.remove();
- element = $("<div></div>").dialog();
- element.dialog("option", "beforeClose", function(ev, ui) {
- ok(true, ".dialog('close') fires beforeClose callback");
- equal(this, element[0], "context of callback");
- equal(ev.type, "dialogbeforeclose", "event type in callback");
- deepEqual(ui, {}, "ui hash in callback");
+ element = $( "<div></div>" ).dialog();
+ element.dialog( "option", "beforeClose", function( ev, ui ) {
+ ok( true, ".dialog('close') fires beforeClose callback" );
+ equal( this, element[ 0 ], "context of callback" );
+ equal( ev.type, "dialogbeforeclose", "event type in callback" );
+ deepEqual( ui, {}, "ui hash in callback" );
return false;
- });
- element.dialog("close");
+ } );
+ element.dialog( "close" );
- ok( element.dialog("widget").is(":visible"), "beforeClose callback should prevent dialog from closing");
+ ok( element.dialog( "widget" ).is( ":visible" ), "beforeClose callback should prevent dialog from closing" );
element.remove();
- element = $("<div></div>").dialog().on("dialogbeforeclose", function(ev, ui) {
- ok(true, ".dialog('close') triggers dialogbeforeclose event");
- equal(this, element[0], "context of event");
- deepEqual(ui, {}, "ui hash in event");
+ element = $( "<div></div>" ).dialog().on( "dialogbeforeclose", function( ev, ui ) {
+ ok( true, ".dialog('close') triggers dialogbeforeclose event" );
+ equal( this, element[ 0 ], "context of event" );
+ deepEqual( ui, {}, "ui hash in event" );
return false;
- });
- element.dialog("close");
- ok( element.dialog("widget").is(":visible"), "dialogbeforeclose event should prevent dialog from closing");
+ } );
+ element.dialog( "close" );
+ ok( element.dialog( "widget" ).is( ":visible" ), "dialogbeforeclose event should prevent dialog from closing" );
element.remove();
-});
+} );
// #8789 and #8838
-asyncTest("ensure dialog's container doesn't scroll on resize and focus", function() {
- expect(2);
-
- var element = $("#dialog1").dialog(),
- initialScroll = $(window).scrollTop();
- element.dialog("option", "height", 600);
- equal($(window).scrollTop(), initialScroll, "scroll hasn't moved after height change");
- setTimeout( function(){
- $(".ui-dialog-titlebar-close").simulate("mousedown");
- equal($(window).scrollTop(), initialScroll, "scroll hasn't moved after focus moved to dialog");
- element.dialog("destroy");
+asyncTest( "ensure dialog's container doesn't scroll on resize and focus", function() {
+ expect( 2 );
+
+ var element = $( "#dialog1" ).dialog(),
+ initialScroll = $( window ).scrollTop();
+ element.dialog( "option", "height", 600 );
+ equal( $( window ).scrollTop(), initialScroll, "scroll hasn't moved after height change" );
+ setTimeout( function() {
+ $( ".ui-dialog-titlebar-close" ).simulate( "mousedown" );
+ equal( $( window ).scrollTop(), initialScroll, "scroll hasn't moved after focus moved to dialog" );
+ element.dialog( "destroy" );
start();
- });
-});
+ } );
+} );
-test("#5184: isOpen in dialogclose event is true", function() {
+test( "#5184: isOpen in dialogclose event is true", function() {
expect( 3 );
- var element = $( "<div></div>" ).dialog({
+ var element = $( "<div></div>" ).dialog( {
close: function() {
- ok( !element.dialog("isOpen"), "dialog is not open during close" );
+ ok( !element.dialog( "isOpen" ), "dialog is not open during close" );
}
- });
- ok( element.dialog("isOpen"), "dialog is open after init" );
+ } );
+ ok( element.dialog( "isOpen" ), "dialog is open after init" );
element.dialog( "close" );
- ok( !element.dialog("isOpen"), "dialog is not open after close" );
+ ok( !element.dialog( "isOpen" ), "dialog is not open after close" );
element.remove();
-});
+} );
-test("ensure dialog keeps focus when clicking modal overlay", function() {
+test( "ensure dialog keeps focus when clicking modal overlay", function() {
expect( 2 );
- var element = $( "<div></div>" ).dialog({
+ var element = $( "<div></div>" ).dialog( {
modal: true
- });
+ } );
equal( $( document.activeElement ).closest( ".ui-dialog" ).length, 1, "focus is in dialog" );
- $(".ui-widget-overlay").simulate("mousedown");
+ $( ".ui-widget-overlay" ).simulate( "mousedown" );
equal( $( document.activeElement ).closest( ".ui-dialog" ).length, 1, "focus is still in dialog" );
element.remove();
-});
+} );
} );