mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-12-07 06:14:24 +00:00
573 lines
21 KiB
JavaScript
573 lines
21 KiB
JavaScript
define( [
|
|
"qunit",
|
|
"jquery",
|
|
"lib/helper",
|
|
"./helper",
|
|
"ui/widgets/dialog",
|
|
"ui/effects/effect-blind",
|
|
"ui/effects/effect-explode"
|
|
], function( QUnit, $, helper, testHelper ) {
|
|
"use strict";
|
|
|
|
QUnit.module( "dialog: options", { afterEach: helper.moduleAfterEach } );
|
|
|
|
QUnit.test( "appendTo", function( assert ) {
|
|
assert.expect( 16 );
|
|
var detached = $( "<div>" ),
|
|
element = $( "#dialog1" ).dialog( {
|
|
modal: true
|
|
} );
|
|
assert.equal( element.dialog( "widget" ).parent()[ 0 ], document.body, "defaults to body" );
|
|
assert.equal( $( ".ui-widget-overlay" ).parent()[ 0 ], document.body, "overlay defaults to body" );
|
|
element.dialog( "destroy" );
|
|
|
|
element.dialog( {
|
|
appendTo: ".wrap",
|
|
modal: true
|
|
} );
|
|
assert.equal( element.dialog( "widget" ).parent()[ 0 ], $( "#wrap1" )[ 0 ], "first found element" );
|
|
assert.equal( $( ".ui-widget-overlay" ).parent()[ 0 ], $( "#wrap1" )[ 0 ], "overlay first found element" );
|
|
assert.equal( $( "#wrap2 .ui-dialog" ).length, 0, "only appends to one element" );
|
|
assert.equal( $( "#wrap2 .ui-widget-overlay" ).length, 0, "overlay only appends to one element" );
|
|
element.dialog( "destroy" );
|
|
|
|
element.dialog( {
|
|
appendTo: null,
|
|
modal: true
|
|
} );
|
|
assert.equal( element.dialog( "widget" ).parent()[ 0 ], document.body, "null" );
|
|
assert.equal( $( ".ui-widget-overlay" ).parent()[ 0 ], document.body, "overlay null" );
|
|
element.dialog( "destroy" );
|
|
|
|
element.dialog( {
|
|
autoOpen: false,
|
|
modal: true
|
|
} ).dialog( "option", "appendTo", "#wrap1" ).dialog( "open" );
|
|
assert.equal( element.dialog( "widget" ).parent()[ 0 ], $( "#wrap1" )[ 0 ], "modified after init" );
|
|
assert.equal( $( ".ui-widget-overlay" ).parent()[ 0 ], $( "#wrap1" )[ 0 ], "overlay modified after init" );
|
|
element.dialog( "destroy" );
|
|
|
|
element.dialog( {
|
|
appendTo: detached,
|
|
modal: true
|
|
} );
|
|
assert.equal( element.dialog( "widget" ).parent()[ 0 ], detached[ 0 ], "detached jQuery object" );
|
|
assert.equal( detached.find( ".ui-widget-overlay" ).parent()[ 0 ], detached[ 0 ], "overlay detached jQuery object" );
|
|
element.dialog( "destroy" );
|
|
|
|
element.dialog( {
|
|
appendTo: detached[ 0 ],
|
|
modal: true
|
|
} );
|
|
assert.equal( element.dialog( "widget" ).parent()[ 0 ], detached[ 0 ], "detached DOM element" );
|
|
assert.equal( detached.find( ".ui-widget-overlay" ).parent()[ 0 ], detached[ 0 ], "overlay detached DOM element" );
|
|
element.dialog( "destroy" );
|
|
|
|
element.dialog( {
|
|
autoOpen: false,
|
|
modal: true
|
|
} ).dialog( "option", "appendTo", detached );
|
|
assert.equal( element.dialog( "widget" ).parent()[ 0 ], detached[ 0 ], "detached DOM element via option()" );
|
|
assert.equal( detached.find( ".ui-widget-overlay" ).length, 0, "overlay detached DOM element via option()" );
|
|
element.dialog( "destroy" );
|
|
} );
|
|
|
|
QUnit.test( "autoOpen", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
var element = $( "<div></div>" ).dialog( { autoOpen: false } );
|
|
assert.ok( !element.dialog( "widget" ).is( ":visible" ), ".dialog({ autoOpen: false })" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { autoOpen: true } );
|
|
assert.ok( element.dialog( "widget" ).is( ":visible" ), ".dialog({ autoOpen: true })" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "buttons", function( assert ) {
|
|
assert.expect( 21 );
|
|
|
|
var btn, i, newButtons,
|
|
buttons = {
|
|
"Ok": function( ev ) {
|
|
assert.ok( true, "button click fires callback" );
|
|
assert.equal( this, element[ 0 ], "context of callback" );
|
|
assert.equal( ev.target, btn[ 0 ], "event target" );
|
|
},
|
|
"Cancel": function( ev ) {
|
|
assert.ok( true, "button click fires callback" );
|
|
assert.equal( this, element[ 0 ], "context of callback" );
|
|
assert.equal( ev.target, btn[ 1 ], "event target" );
|
|
}
|
|
},
|
|
element = $( "<div></div>" ).dialog( { buttons: buttons } );
|
|
|
|
btn = element.dialog( "widget" ).find( ".ui-dialog-buttonpane button" );
|
|
assert.equal( btn.length, 2, "number of buttons" );
|
|
|
|
i = 0;
|
|
$.each( buttons, function( key ) {
|
|
assert.equal( btn.eq( i ).text(), key, "text of button " + ( i + 1 ) );
|
|
i++;
|
|
} );
|
|
|
|
assert.hasClasses( btn.parent(), "ui-dialog-buttonset" );
|
|
assert.hasClasses( element.parent(), "ui-dialog-buttons" );
|
|
|
|
btn.trigger( "click" );
|
|
|
|
newButtons = {
|
|
"Close": function( ev ) {
|
|
assert.ok( true, "button click fires callback" );
|
|
assert.equal( this, element[ 0 ], "context of callback" );
|
|
assert.equal( ev.target, btn[ 0 ], "event target" );
|
|
}
|
|
};
|
|
|
|
assert.deepEqual( element.dialog( "option", "buttons" ), buttons, ".dialog('option', 'buttons') getter" );
|
|
element.dialog( "option", "buttons", newButtons );
|
|
assert.deepEqual( element.dialog( "option", "buttons" ), newButtons, ".dialog('option', 'buttons', ...) setter" );
|
|
|
|
btn = element.dialog( "widget" ).find( ".ui-dialog-buttonpane button" );
|
|
assert.equal( btn.length, 1, "number of buttons after setter" );
|
|
btn.trigger( "click" );
|
|
|
|
i = 0;
|
|
$.each( newButtons, function( key ) {
|
|
assert.equal( btn.eq( i ).text(), key, "text of button " + ( i + 1 ) );
|
|
i += 1;
|
|
} );
|
|
|
|
element.dialog( "option", "buttons", null );
|
|
btn = element.dialog( "widget" ).find( ".ui-dialog-buttonpane button" );
|
|
assert.equal( btn.length, 0, "all buttons have been removed" );
|
|
assert.equal( element.find( ".ui-dialog-buttonset" ).length, 0, "buttonset has been removed" );
|
|
assert.lacksClasses( element.parent(), "ui-dialog-buttons" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "buttons - advanced", function( assert ) {
|
|
assert.expect( 7 );
|
|
|
|
var buttons,
|
|
element = $( "<div></div>" ).dialog( {
|
|
buttons: [
|
|
{
|
|
text: "a button",
|
|
"class": "additional-class",
|
|
id: "my-button-id",
|
|
click: function() {
|
|
assert.equal( this, element[ 0 ], "correct context" );
|
|
},
|
|
icon: "ui-icon-cancel",
|
|
showLabel: false
|
|
}
|
|
]
|
|
} );
|
|
|
|
buttons = element.dialog( "widget" ).find( ".ui-dialog-buttonpane button" );
|
|
assert.equal( buttons.length, 1, "correct number of buttons" );
|
|
assert.equal( buttons.attr( "id" ), "my-button-id", "correct id" );
|
|
assert.equal( String.prototype.trim.call( buttons.text() ), "a button", "correct label" );
|
|
assert.hasClasses( buttons, "additional-class" );
|
|
assert.deepEqual( buttons.button( "option", "icon" ), "ui-icon-cancel" );
|
|
assert.equal( buttons.button( "option", "showLabel" ), false );
|
|
buttons.trigger( "click" );
|
|
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "#9043: buttons with Array.prototype modification", function( assert ) {
|
|
assert.expect( 1 );
|
|
Array.prototype.test = $.noop;
|
|
var element = $( "<div></div>" ).dialog();
|
|
assert.equal( element.dialog( "widget" ).find( ".ui-dialog-buttonpane" ).length, 0,
|
|
"no button pane" );
|
|
element.remove();
|
|
delete Array.prototype.test;
|
|
} );
|
|
|
|
QUnit.test( "closeOnEscape", function( assert ) {
|
|
assert.expect( 6 );
|
|
var element = $( "<div></div>" ).dialog( { closeOnEscape: false } );
|
|
assert.ok( true, "closeOnEscape: false" );
|
|
assert.ok( element.dialog( "widget" ).is( ":visible" ) && !element.dialog( "widget" ).is( ":hidden" ), "dialog is open before ESC" );
|
|
element.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } )
|
|
.simulate( "keypress", { keyCode: $.ui.keyCode.ESCAPE } )
|
|
.simulate( "keyup", { keyCode: $.ui.keyCode.ESCAPE } );
|
|
assert.ok( element.dialog( "widget" ).is( ":visible" ) && !element.dialog( "widget" ).is( ":hidden" ), "dialog is open after ESC" );
|
|
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { closeOnEscape: true } );
|
|
assert.ok( true, "closeOnEscape: true" );
|
|
assert.ok( element.dialog( "widget" ).is( ":visible" ) && !element.dialog( "widget" ).is( ":hidden" ), "dialog is open before ESC" );
|
|
element.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } )
|
|
.simulate( "keypress", { keyCode: $.ui.keyCode.ESCAPE } )
|
|
.simulate( "keyup", { keyCode: $.ui.keyCode.ESCAPE } );
|
|
assert.ok( element.dialog( "widget" ).is( ":hidden" ) && !element.dialog( "widget" ).is( ":visible" ), "dialog is closed after ESC" );
|
|
} );
|
|
|
|
QUnit.test( "closeText", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
var element = $( "<div></div>" ).dialog();
|
|
assert.equal( String.prototype.trim.call( element.dialog( "widget" ).find( ".ui-dialog-titlebar-close" ).text() ), "Close",
|
|
"default close text" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { closeText: "foo" } );
|
|
assert.equal( String.prototype.trim.call( element.dialog( "widget" ).find( ".ui-dialog-titlebar-close" ).text() ), "foo",
|
|
"closeText on init" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog().dialog( "option", "closeText", "bar" );
|
|
assert.equal( String.prototype.trim.call( element.dialog( "widget" ).find( ".ui-dialog-titlebar-close" ).text() ), "bar",
|
|
"closeText via option method" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { closeText: "<span>foo</span>" } );
|
|
assert.equal( String.prototype.trim.call( element.dialog( "widget" ).find( ".ui-dialog-titlebar-close" ).text() ), "<span>foo</span>",
|
|
"closeText is escaped" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "draggable", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
var element = $( "<div></div>" ).dialog( { draggable: false } );
|
|
|
|
testHelper.testDrag( assert, element, 50, -50, 0, 0 );
|
|
element.dialog( "option", "draggable", true );
|
|
testHelper.testDrag( assert, element, 50, -50, 50, -50 );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { draggable: true } );
|
|
testHelper.testDrag( assert, element, 50, -50, 50, -50 );
|
|
element.dialog( "option", "draggable", false );
|
|
testHelper.testDrag( assert, element, 50, -50, 0, 0 );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "height", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
var element = $( "<div></div>" ).dialog();
|
|
assert.ok( Math.abs( element.dialog( "widget" ).outerHeight() - 150 ) < 0.25,
|
|
"default height within 0.25 from expected" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { height: 237 } );
|
|
assert.ok( Math.abs( element.dialog( "widget" ).outerHeight() - 237 ) < 0.25,
|
|
"explicit height within 0.25 from expected" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog();
|
|
element.dialog( "option", "height", 238 );
|
|
assert.ok( Math.abs( element.dialog( "widget" ).outerHeight() - 238 ) < 0.25,
|
|
"explicit height set after init within 0.25 from expected" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).css( "padding", "20px" )
|
|
.dialog( { height: 240 } );
|
|
assert.ok( Math.abs( element.dialog( "widget" ).outerHeight() - 240 ) < 0.25,
|
|
"explicit height with padding within 0.25 from expected" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "maxHeight", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
var element = $( "<div></div>" ).dialog( { maxHeight: 200 } );
|
|
testHelper.drag( element, ".ui-resizable-s", 1000, 1000 );
|
|
assert.close( element.dialog( "widget" ).height(), 200, 1, "maxHeight" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { maxHeight: 200 } );
|
|
testHelper.drag( element, ".ui-resizable-n", -1000, -1000 );
|
|
assert.close( element.dialog( "widget" ).height(), 200, 1, "maxHeight" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { maxHeight: 200 } ).dialog( "option", "maxHeight", 300 );
|
|
testHelper.drag( element, ".ui-resizable-s", 1000, 1000 );
|
|
assert.close( element.dialog( "widget" ).height(), 300, 1, "maxHeight" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "maxWidth", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
var element = $( "<div></div>" ).dialog( { maxWidth: 200 } );
|
|
testHelper.drag( element, ".ui-resizable-e", 1000, 1000 );
|
|
assert.close( element.dialog( "widget" ).width(), 200, 1, "maxWidth" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { maxWidth: 200 } );
|
|
testHelper.drag( element, ".ui-resizable-w", -1000, -1000 );
|
|
assert.close( element.dialog( "widget" ).width(), 200, 1, "maxWidth" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { maxWidth: 200 } ).dialog( "option", "maxWidth", 300 );
|
|
testHelper.drag( element, ".ui-resizable-w", -1000, -1000 );
|
|
assert.close( element.dialog( "widget" ).width(), 300, 1, "maxWidth" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "minHeight", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
var element = $( "<div></div>" ).dialog( { minHeight: 10 } );
|
|
testHelper.drag( element, ".ui-resizable-s", -1000, -1000 );
|
|
assert.close( element.dialog( "widget" ).height(), 10, 1, "minHeight" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { minHeight: 10 } );
|
|
testHelper.drag( element, ".ui-resizable-n", 1000, 1000 );
|
|
assert.close( element.dialog( "widget" ).height(), 10, 1, "minHeight" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { minHeight: 10 } ).dialog( "option", "minHeight", 30 );
|
|
testHelper.drag( element, ".ui-resizable-n", 1000, 1000 );
|
|
assert.close( element.dialog( "widget" ).height(), 30, 1, "minHeight" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "minWidth", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
var element = $( "<div></div>" ).dialog( { minWidth: 10 } );
|
|
testHelper.drag( element, ".ui-resizable-e", -1000, -1000 );
|
|
assert.close( element.dialog( "widget" ).width(), 10, 1, "minWidth" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { minWidth: 10 } );
|
|
testHelper.drag( element, ".ui-resizable-w", 1000, 1000 );
|
|
assert.close( element.dialog( "widget" ).width(), 10, 1, "minWidth" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { minWidth: 30 } ).dialog( "option", "minWidth", 30 );
|
|
testHelper.drag( element, ".ui-resizable-w", 1000, 1000 );
|
|
assert.close( element.dialog( "widget" ).width(), 30, 1, "minWidth" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "position, default center on window", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
// Dialogs alter the window width and height in Firefox
|
|
// so we collect that information before creating the dialog
|
|
// Support: Firefox
|
|
var winWidth = $( window ).width(),
|
|
winHeight = $( window ).height(),
|
|
element = $( "<div></div>" ).dialog(),
|
|
dialog = element.dialog( "widget" ),
|
|
offset = dialog.offset();
|
|
assert.close( offset.left, Math.round( winWidth / 2 - dialog.outerWidth() / 2 ) + $( window ).scrollLeft(), 1, "dialog left position of center on window on initilization" );
|
|
assert.close( offset.top, Math.round( winHeight / 2 - dialog.outerHeight() / 2 ) + $( window ).scrollTop(), 1, "dialog top position of center on window on initilization" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "position, right bottom at right bottom via ui.position args", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
// Dialogs alter the window width and height in Firefox
|
|
// so we collect that information before creating the dialog
|
|
// Support: Firefox
|
|
var winWidth = $( window ).width(),
|
|
winHeight = $( window ).height(),
|
|
element = $( "<div></div>" ).dialog( {
|
|
position: {
|
|
my: "right bottom",
|
|
at: "right bottom"
|
|
}
|
|
} ),
|
|
dialog = element.dialog( "widget" ),
|
|
offset = dialog.offset();
|
|
|
|
assert.close( offset.left, winWidth - dialog.outerWidth() + $( window ).scrollLeft(), 1, "dialog left position of right bottom at right bottom on initilization" );
|
|
assert.close( offset.top, winHeight - dialog.outerHeight() + $( window ).scrollTop(), 1, "dialog top position of right bottom at right bottom on initilization" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "position, at another element", function( assert ) {
|
|
assert.expect( 4 );
|
|
var parent = $( "<div></div>" ).css( {
|
|
position: "absolute",
|
|
top: 400,
|
|
left: 600,
|
|
height: 10,
|
|
width: 10
|
|
} ).appendTo( "body" ),
|
|
|
|
element = $( "<div></div>" ).dialog( {
|
|
position: {
|
|
my: "left top",
|
|
at: "left top",
|
|
of: parent,
|
|
collision: "none"
|
|
}
|
|
} ),
|
|
|
|
dialog = element.dialog( "widget" ),
|
|
offset = dialog.offset();
|
|
|
|
assert.close( offset.left, 600, 1, "dialog left position at another element on initilization" );
|
|
assert.close( offset.top, 400, 1, "dialog top position at another element on initilization" );
|
|
|
|
element.dialog( "option", "position", {
|
|
my: "left top",
|
|
at: "right bottom",
|
|
of: parent,
|
|
collision: "none"
|
|
} );
|
|
|
|
offset = dialog.offset();
|
|
|
|
assert.close( offset.left, 610, 1, "dialog left position at another element via setting option" );
|
|
assert.close( offset.top, 410, 1, "dialog top position at another element via setting option" );
|
|
|
|
element.remove();
|
|
parent.remove();
|
|
} );
|
|
|
|
QUnit.test( "resizable", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
var element = $( "<div></div>" ).dialog();
|
|
testHelper.shouldResize( assert, element, 50, 50, "[default]" );
|
|
element.dialog( "option", "resizable", false );
|
|
testHelper.shouldResize( assert, element, 0, 0, "disabled after init" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { resizable: false } );
|
|
testHelper.shouldResize( assert, element, 0, 0, "disabled in init options" );
|
|
element.dialog( "option", "resizable", true );
|
|
testHelper.shouldResize( assert, element, 50, 50, "enabled after init" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "title", function( assert ) {
|
|
assert.expect( 11 );
|
|
|
|
function titleText() {
|
|
return element.dialog( "widget" ).find( ".ui-dialog-title" ).html();
|
|
}
|
|
|
|
var element = $( "<div></div>" ).dialog();
|
|
|
|
// Some browsers return a non-breaking space and some return " "
|
|
// so we generate a non-breaking space for comparison
|
|
assert.equal( titleText(), $( "<span> </span>" ).html(), "[default]" );
|
|
assert.equal( element.dialog( "option", "title" ), null, "option not changed" );
|
|
element.remove();
|
|
|
|
element = $( "<div title='foo'>" ).dialog();
|
|
assert.equal( titleText(), "foo", "title in element attribute" );
|
|
assert.equal( element.dialog( "option", "title" ), "foo", "option updated from attribute" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { title: "foo" } );
|
|
assert.equal( titleText(), "foo", "title in init options" );
|
|
assert.equal( element.dialog( "option", "title" ), "foo", "opiton set from options hash" );
|
|
element.remove();
|
|
|
|
element = $( "<div title='foo'>" ).dialog( { title: "bar" } );
|
|
assert.equal( titleText(), "bar", "title in init options should override title in element attribute" );
|
|
assert.equal( element.dialog( "option", "title" ), "bar", "opiton set from options hash" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog().dialog( "option", "title", "foo" );
|
|
assert.equal( titleText(), "foo", "title after init" );
|
|
element.remove();
|
|
|
|
// Make sure attroperties are properly ignored - #5742 - .attr() might return a DOMElement
|
|
element = $( "<form><input name='title'></form>" ).dialog();
|
|
|
|
// Some browsers return a non-breaking space and some return " "
|
|
// so we get the text to normalize to the actual non-breaking space
|
|
assert.equal( titleText(), $( "<span> </span>" ).html(), "[default]" );
|
|
assert.equal( element.dialog( "option", "title" ), null, "option not changed" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "width", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
var element = $( "<div></div>" ).dialog();
|
|
assert.close( element.dialog( "widget" ).width(), 300, 1, "default width" );
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { width: 437 } );
|
|
assert.close( element.dialog( "widget" ).width(), 437, 1, "explicit width" );
|
|
element.dialog( "option", "width", 438 );
|
|
assert.close( element.dialog( "widget" ).width(), 438, 1, "explicit width after init" );
|
|
element.remove();
|
|
} );
|
|
|
|
QUnit.test( "#4826: setting resizable false toggles resizable on dialog", function( assert ) {
|
|
assert.expect( 6 );
|
|
var i,
|
|
element = $( "<div></div>" ).dialog( { resizable: false } );
|
|
|
|
testHelper.shouldResize( assert, element, 0, 0, "[default]" );
|
|
for ( i = 0; i < 2; i++ ) {
|
|
element.dialog( "close" ).dialog( "open" );
|
|
testHelper.shouldResize( assert, element, 0, 0, "initialized with resizable false toggle (" + ( i + 1 ) + ")" );
|
|
}
|
|
element.remove();
|
|
|
|
element = $( "<div></div>" ).dialog( { resizable: true } );
|
|
testHelper.shouldResize( assert, element, 50, 50, "[default]" );
|
|
for ( i = 0; i < 2; i++ ) {
|
|
element.dialog( "close" ).dialog( "option", "resizable", false ).dialog( "open" );
|
|
testHelper.shouldResize( assert, element, 0, 0, "set option resizable false toggle (" + ( i + 1 ) + ")" );
|
|
}
|
|
element.remove();
|
|
|
|
} );
|
|
|
|
QUnit.test( "#8051 - 'Explode' dialog animation causes crash in IE 6, 7 and 8", function( assert ) {
|
|
var ready = assert.async();
|
|
assert.expect( 1 );
|
|
var element = $( "<div></div>" ).dialog( {
|
|
show: "explode",
|
|
focus: function() {
|
|
assert.ok( true, "dialog opened with animation" );
|
|
element.remove();
|
|
ready();
|
|
}
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "#4421 - Focus lost from dialog which uses show-effect", function( assert ) {
|
|
var ready = assert.async();
|
|
assert.expect( 1 );
|
|
var element = $( "<div></div>" ).dialog( {
|
|
show: "blind",
|
|
focus: function() {
|
|
assert.equal( element.dialog( "widget" ).find( document.activeElement ).length, 1, "dialog maintains focus" );
|
|
element.remove();
|
|
ready();
|
|
}
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "Open followed by close during show effect", function( assert ) {
|
|
var ready = assert.async();
|
|
assert.expect( 1 );
|
|
var element = $( "<div></div>" ).dialog( {
|
|
show: "blind",
|
|
close: function() {
|
|
assert.ok( true, "dialog closed properly during animation" );
|
|
element.remove();
|
|
ready();
|
|
}
|
|
} );
|
|
|
|
setTimeout( function() {
|
|
element.dialog( "close" );
|
|
}, 100 );
|
|
} );
|
|
|
|
} );
|