"unused": true,
"predef": [
"asyncTest",
- "container",
"deepEqual",
- "d1",
- "d2",
- "dlg",
"domEqual",
- "drag",
- "dragged",
- "el",
"equal",
- "equalsDate",
"expect",
"Globalize",
- "heightAfter",
- "init",
- "modal",
"module",
- "moved",
"notEqual",
- "offsetAfter",
- "offsetBefore",
"ok",
"QUnit",
"start",
"stop",
"test",
"TestHelpers",
- "widthAfter",
"JSHINT"
]
}
\ No newline at end of file
<script src="datepicker_events.js"></script>
<script src="datepicker_methods.js"></script>
<script src="datepicker_options.js"></script>
+ <script src="datepicker_test_helpers.js"></script>
<script src="datepicker_tickets.js"></script>
<script src="../swarminject.js"></script>
* datepicker_core.js
*/
-function equalsDate(d1, d2, message) {
- if (!d1 || !d2) {
- ok(false, message + ' - missing date');
- return;
- }
- d1 = new Date(d1.getFullYear(), d1.getMonth(), d1.getDate());
- d2 = new Date(d2.getFullYear(), d2.getMonth(), d2.getDate());
- equal(d1.toString(), d2.toString(), message);
-}
-
-TestHelpers.addMonths = function(date, offset) {
- var maxDay = 32 - new Date(date.getFullYear(), date.getMonth() + offset, 32).getDate();
- date.setDate(Math.min(date.getDate(), maxDay));
- date.setMonth(date.getMonth() + offset);
- return date;
-};
-
-function init(id, options) {
- $.datepicker.setDefaults($.datepicker.regional['']);
- return $(id).datepicker($.extend({showAnim: ''}, options || {}));
-}
-
-TestHelpers.PROP_NAME = 'datepicker';
-
(function($) {
module("datepicker: core");
test('baseStructure', function() {
expect( 58 );
var header, title, table, thead, week, panel, inl, child,
- inp = init('#inp').focus(),
+ inp = TestHelpers.datepicker.init('#inp').focus(),
dp = $('#ui-datepicker-div');
ok(dp.is(':visible'), 'Structure - datepicker visible');
ok(!dp.is('.ui-datepicker-rtl'), 'Structure - not right-to-left');
inp.datepicker('hide').datepicker('destroy');
// Editable month/year and button panel
- inp = init('#inp', {changeMonth: true, changeYear: true, showButtonPanel: true});
+ inp = TestHelpers.datepicker.init('#inp', {changeMonth: true, changeYear: true, showButtonPanel: true});
inp.focus();
title = dp.find('div.ui-datepicker-title');
inp.datepicker('hide').datepicker('destroy');
// Multi-month 2
- inp = init('#inp', {numberOfMonths: 2});
+ inp = TestHelpers.datepicker.init('#inp', {numberOfMonths: 2});
inp.focus();
ok(dp.is('.ui-datepicker-multi'), 'Structure multi [2] - multi-month');
equal(dp.children().length, 3, 'Structure multi [2] - child count');
inp.datepicker('hide').datepicker('destroy');
// Multi-month 3
- inp = init('#inp', {numberOfMonths: 3});
+ inp = TestHelpers.datepicker.init('#inp', {numberOfMonths: 3});
inp.focus();
ok(dp.is('.ui-datepicker-multi-3'), 'Structure multi [3] - multi-3');
ok(! dp.is('.ui-datepicker-multi-2'), 'Structure multi [3] - Trac #6704');
inp.datepicker('hide').datepicker('destroy');
// Multi-month [2, 2]
- inp = init('#inp', {numberOfMonths: [2, 2]});
+ inp = TestHelpers.datepicker.init('#inp', {numberOfMonths: [2, 2]});
inp.focus();
ok(dp.is('.ui-datepicker-multi'), 'Structure multi - multi-month');
equal(dp.children().length, 6, 'Structure multi [2,2] - child count');
inp.datepicker('hide').datepicker('destroy');
// Inline
- inl = init('#inl');
+ inl = TestHelpers.datepicker.init('#inl');
dp = inl.children();
ok(dp.is('.ui-datepicker-inline'), 'Structure inline - main div');
ok(!dp.is('.ui-datepicker-rtl'), 'Structure inline - not right-to-left');
inl.datepicker('destroy');
// Inline multi-month
- inl = init('#inl', {numberOfMonths: 2});
+ inl = TestHelpers.datepicker.init('#inl', {numberOfMonths: 2});
dp = inl.children();
ok(dp.is('.ui-datepicker-inline') && dp.is('.ui-datepicker-multi'), 'Structure inline multi - main div');
equal(dp.children().length, 3, 'Structure inline multi - child count');
var header, panel, title, thead,
dp = $('#ui-datepicker-div'),
// Check right-to-left localisation
- inp = init('#inp', $.datepicker.regional.he);
+ inp = TestHelpers.datepicker.init('#inp', $.datepicker.regional.he);
inp.data('showButtonPanel.datepicker',true);
inp.focus();
ok(dp.is('.ui-datepicker-rtl'), 'Structure RTL - right-to-left');
inp.datepicker('hide').datepicker('destroy');
// Hide prev/next
- inp = init('#inp', {hideIfNoPrevNext: true, minDate: new Date(2008, 2 - 1, 4), maxDate: new Date(2008, 2 - 1, 14)});
+ inp = TestHelpers.datepicker.init('#inp', {hideIfNoPrevNext: true, minDate: new Date(2008, 2 - 1, 4), maxDate: new Date(2008, 2 - 1, 14)});
inp.val('02/10/2008').focus();
header = dp.children(':first');
ok(header.is('div.ui-datepicker-header'), 'Structure hide prev/next - header division');
inp.datepicker('hide').datepicker('destroy');
// Changeable Month with read-only year
- inp = init('#inp', {changeMonth: true});
+ inp = TestHelpers.datepicker.init('#inp', {changeMonth: true});
inp.focus();
title = dp.children(':first').children(':last');
equal(title.children().length, 2, 'Structure changeable month - title child count');
inp.datepicker('hide').datepicker('destroy');
// Changeable year with read-only month
- inp = init('#inp', {changeYear: true});
+ inp = TestHelpers.datepicker.init('#inp', {changeYear: true});
inp.focus();
title = dp.children(':first').children(':last');
equal(title.children().length, 2, 'Structure changeable year - title child count');
inp.datepicker('hide').datepicker('destroy');
// Read-only first day of week
- inp = init('#inp', {changeFirstDay: false});
+ inp = TestHelpers.datepicker.init('#inp', {changeFirstDay: false});
inp.focus();
thead = dp.find('.ui-datepicker-calendar thead tr');
equal(thead.children().length, 7, 'Structure read-only first day - thead child count');
test('keystrokes', function() {
expect( 26 );
- var inp = init('#inp'),
+ var inp = TestHelpers.datepicker.init('#inp'),
date = new Date();
inp.val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke enter');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke enter');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
'Keystroke enter - preset');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.HOME}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+home');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+home');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.END});
ok(inp.datepicker('getDate') == null, 'Keystroke ctrl+end');
ok(inp.datepicker('getDate') == null, 'Keystroke esc');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ESCAPE});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
'Keystroke esc - preset');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ESCAPE});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
'Keystroke esc - abandoned');
// Moving by day or week
inp.val('').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.LEFT}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() - 1);
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+left');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+left');
inp.val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.LEFT}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() + 1);
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke left');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke left');
inp.val('').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.RIGHT}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() + 1);
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+right');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+right');
inp.val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.RIGHT}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() - 1);
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke right');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke right');
inp.val('').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() - 7);
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+up');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+up');
inp.val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() + 7);
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke up');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke up');
inp.val('').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() + 7);
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+down');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+down');
inp.val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() - 7);
- equalsDate(inp.datepicker('getDate'), date, 'Keystroke down');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Keystroke down');
// Moving by month or year
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 1 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 1 - 1, 4),
'Keystroke pgup');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 3 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 3 - 1, 4),
'Keystroke pgdn');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2007, 2 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2007, 2 - 1, 4),
'Keystroke ctrl+pgup');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2009, 2 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2009, 2 - 1, 4),
'Keystroke ctrl+pgdn');
// Check for moving to short months
inp.val('03/31/2008').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 29),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 29),
'Keystroke pgup - Feb');
inp.val('01/30/2008').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 29),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 29),
'Keystroke pgdn - Feb');
inp.val('02/29/2008').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2007, 2 - 1, 28),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2007, 2 - 1, 28),
'Keystroke ctrl+pgup - Feb');
inp.val('02/29/2008').datepicker('show').
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2009, 2 - 1, 28),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2009, 2 - 1, 28),
'Keystroke ctrl+pgdn - Feb');
// Goto current
inp.datepicker('option', {gotoCurrent: true}).
simulate('keydown', {keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.HOME}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
'Keystroke ctrl+home');
// Change steps
inp.datepicker('option', {stepMonths: 2, gotoCurrent: false}).
datepicker('hide').val('02/04/2008').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2007, 12 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2007, 12 - 1, 4),
'Keystroke pgup step 2');
inp.val('02/04/2008').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 4 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 4 - 1, 4),
'Keystroke pgdn step 2');
});
test('mouse', function() {
expect( 15 );
var inl,
- inp = init('#inp'),
+ inp = TestHelpers.datepicker.init('#inp'),
dp = $('#ui-datepicker-div'),
date = new Date();
inp.val('').datepicker('show');
$('.ui-datepicker-calendar tbody a:contains(10)', dp).simulate('click', {});
date.setDate(10);
- equalsDate(inp.datepicker('getDate'), date, 'Mouse click');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Mouse click');
inp.val('02/04/2008').datepicker('show');
$('.ui-datepicker-calendar tbody a:contains(12)', dp).simulate('click', {});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 12),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 12),
'Mouse click - preset');
inp.val('02/04/2008').datepicker('show');
inp.val('').datepicker('show');
ok(inp.datepicker('getDate') == null, 'Mouse click - close');
inp.val('02/04/2008').datepicker('show');
$('button.ui-datepicker-close', dp).simulate('click', {});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
'Mouse click - close + preset');
inp.val('02/04/2008').datepicker('show');
$('a.ui-datepicker-prev', dp).simulate('click', {});
$('button.ui-datepicker-close', dp).simulate('click', {});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
'Mouse click - abandoned');
// Current/previous/next
inp.val('02/04/2008').datepicker('option', {showButtonPanel: true}).datepicker('show');
$('.ui-datepicker-current', dp).simulate('click', {});
$('.ui-datepicker-calendar tbody a:contains(14)', dp).simulate('click', {});
date.setDate(14);
- equalsDate(inp.datepicker('getDate'), date, 'Mouse click - current');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Mouse click - current');
inp.val('02/04/2008').datepicker('show');
$('.ui-datepicker-prev', dp).simulate('click');
$('.ui-datepicker-calendar tbody a:contains(16)', dp).simulate('click');
- equalsDate(inp.datepicker('getDate'), new Date(2008, 1 - 1, 16),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 1 - 1, 16),
'Mouse click - previous');
inp.val('02/04/2008').datepicker('show');
$('.ui-datepicker-next', dp).simulate('click');
$('.ui-datepicker-calendar tbody a:contains(18)', dp).simulate('click');
- equalsDate(inp.datepicker('getDate'), new Date(2008, 3 - 1, 18),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 3 - 1, 18),
'Mouse click - next');
// Previous/next with minimum/maximum
inp.datepicker('option', {minDate: new Date(2008, 2 - 1, 2),
maxDate: new Date(2008, 2 - 1, 26)}).val('02/04/2008').datepicker('show');
$('.ui-datepicker-prev', dp).simulate('click');
$('.ui-datepicker-calendar tbody a:contains(16)', dp).simulate('click');
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 16),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 16),
'Mouse click - previous + min/max');
inp.val('02/04/2008').datepicker('show');
$('.ui-datepicker-next', dp).simulate('click');
$('.ui-datepicker-calendar tbody a:contains(18)', dp).simulate('click');
- equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 18),
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 18),
'Mouse click - next + min/max');
// Inline
- inl = init('#inl');
+ inl = TestHelpers.datepicker.init('#inl');
dp = $('.ui-datepicker-inline', inl);
date = new Date();
inl.datepicker('setDate', date);
$('.ui-datepicker-calendar tbody a:contains(10)', dp).simulate('click', {});
date.setDate(10);
- equalsDate(inl.datepicker('getDate'), date, 'Mouse click inline');
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), date, 'Mouse click inline');
inl.datepicker('option', {showButtonPanel: true}).datepicker('setDate', new Date(2008, 2 - 1, 4));
$('.ui-datepicker-calendar tbody a:contains(12)', dp).simulate('click', {});
- equalsDate(inl.datepicker('getDate'), new Date(2008, 2 - 1, 12), 'Mouse click inline - preset');
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), new Date(2008, 2 - 1, 12), 'Mouse click inline - preset');
inl.datepicker('option', {showButtonPanel: true});
$('.ui-datepicker-current', dp).simulate('click', {});
$('.ui-datepicker-calendar tbody a:contains(14)', dp).simulate('click', {});
date.setDate(14);
- equalsDate(inl.datepicker('getDate'), date, 'Mouse click inline - current');
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), date, 'Mouse click inline - current');
inl.datepicker('setDate', new Date(2008, 2 - 1, 4));
$('.ui-datepicker-prev', dp).simulate('click');
$('.ui-datepicker-calendar tbody a:contains(16)', dp).simulate('click');
- equalsDate(inl.datepicker('getDate'), new Date(2008, 1 - 1, 16),
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), new Date(2008, 1 - 1, 16),
'Mouse click inline - previous');
inl.datepicker('setDate', new Date(2008, 2 - 1, 4));
$('.ui-datepicker-next', dp).simulate('click');
$('.ui-datepicker-calendar tbody a:contains(18)', dp).simulate('click');
- equalsDate(inl.datepicker('getDate'), new Date(2008, 3 - 1, 18),
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), new Date(2008, 3 - 1, 18),
'Mouse click inline - next');
});
test('events', function() {
expect( 26 );
var dateStr, newMonthYear, inp2,
- inp = init('#inp', {onSelect: callback}),
+ inp = TestHelpers.datepicker.init('#inp', {onSelect: callback}),
date = new Date();
// onSelect
inp.val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
equal(selectedThis, inp[0], 'Callback selected this');
- equal(selectedInst, $.data(inp[0], TestHelpers.PROP_NAME), 'Callback selected inst');
+ equal(selectedInst, $.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Callback selected inst');
equal(selectedDate, $.datepicker.formatDate('mm/dd/yy', date),
'Callback selected date');
inp.val('').datepicker('show').
inp.simulate('keydown', {keyCode: $.ui.keyCode.PAGE_UP});
date.setMonth(date.getMonth() - 1);
equal(selectedThis, inp[0], 'Callback change month/year this');
- equal(selectedInst, $.data(inp[0], TestHelpers.PROP_NAME), 'Callback change month/year inst');
+ equal(selectedInst, $.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Callback change month/year inst');
equal(selectedDate, newMonthYear(date),
'Callback change month/year date - pgup');
inp.simulate('keydown', {keyCode: $.ui.keyCode.PAGE_DOWN});
val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ESCAPE});
equal(selectedThis, inp[0], 'Callback close this');
- equal(selectedInst, $.data(inp[0], TestHelpers.PROP_NAME), 'Callback close inst');
+ equal(selectedInst, $.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Callback close inst');
equal(selectedDate, '', 'Callback close date - esc');
inp.val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.END});
equal(selectedDate, '', 'Callback close date - ctrl+end');
- inp2 = init('#inp2');
+ inp2 = TestHelpers.datepicker.init('#inp2');
inp2.datepicker().datepicker('option', {onClose: callback}).datepicker('show');
inp.datepicker('show');
equal(selectedThis, inp2[0], 'Callback close this');
test('destroy', function() {
expect( 33 );
var inl,
- inp = init('#inp');
+ inp = TestHelpers.datepicker.init('#inp');
ok(inp.is('.hasDatepicker'), 'Default - marker class set');
- ok($.data(inp[0], TestHelpers.PROP_NAME), 'Default - instance present');
+ ok($.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Default - instance present');
ok(inp.next().is('#alt'), 'Default - button absent');
inp.datepicker('destroy');
inp = $('#inp');
ok(!inp.is('.hasDatepicker'), 'Default - marker class cleared');
- ok(!$.data(inp[0], TestHelpers.PROP_NAME), 'Default - instance absent');
+ ok(!$.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Default - instance absent');
ok(inp.next().is('#alt'), 'Default - button absent');
// With button
- inp= init('#inp', {showOn: 'both'});
+ inp= TestHelpers.datepicker.init('#inp', {showOn: 'both'});
ok(inp.is('.hasDatepicker'), 'Button - marker class set');
- ok($.data(inp[0], TestHelpers.PROP_NAME), 'Button - instance present');
+ ok($.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Button - instance present');
ok(inp.next().text() === '...', 'Button - button added');
inp.datepicker('destroy');
inp = $('#inp');
ok(!inp.is('.hasDatepicker'), 'Button - marker class cleared');
- ok(!$.data(inp[0], TestHelpers.PROP_NAME), 'Button - instance absent');
+ ok(!$.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Button - instance absent');
ok(inp.next().is('#alt'), 'Button - button removed');
// With append text
- inp = init('#inp', {appendText: 'Testing'});
+ inp = TestHelpers.datepicker.init('#inp', {appendText: 'Testing'});
ok(inp.is('.hasDatepicker'), 'Append - marker class set');
- ok($.data(inp[0], TestHelpers.PROP_NAME), 'Append - instance present');
+ ok($.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Append - instance present');
ok(inp.next().text() === 'Testing', 'Append - append text added');
inp.datepicker('destroy');
inp = $('#inp');
ok(!inp.is('.hasDatepicker'), 'Append - marker class cleared');
- ok(!$.data(inp[0], TestHelpers.PROP_NAME), 'Append - instance absent');
+ ok(!$.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Append - instance absent');
ok(inp.next().is('#alt'), 'Append - append text removed');
// With both
- inp= init('#inp', {showOn: 'both', buttonImageOnly: true,
+ inp= TestHelpers.datepicker.init('#inp', {showOn: 'both', buttonImageOnly: true,
buttonImage: 'img/calendar.gif', appendText: 'Testing'});
ok(inp.is('.hasDatepicker'), 'Both - marker class set');
- ok($.data(inp[0], TestHelpers.PROP_NAME), 'Both - instance present');
+ ok($.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Both - instance present');
ok(inp.next()[0].nodeName.toLowerCase() === 'img', 'Both - button added');
ok(inp.next().next().text() === 'Testing', 'Both - append text added');
inp.datepicker('destroy');
inp = $('#inp');
ok(!inp.is('.hasDatepicker'), 'Both - marker class cleared');
- ok(!$.data(inp[0], TestHelpers.PROP_NAME), 'Both - instance absent');
+ ok(!$.data(inp[0], TestHelpers.datepicker.PROP_NAME), 'Both - instance absent');
ok(inp.next().is('#alt'), 'Both - button and append text absent');
// Inline
- inl = init('#inl');
+ inl = TestHelpers.datepicker.init('#inl');
ok(inl.is('.hasDatepicker'), 'Inline - marker class set');
ok(inl.html() !== '', 'Inline - datepicker present');
- ok($.data(inl[0], TestHelpers.PROP_NAME), 'Inline - instance present');
+ ok($.data(inl[0], TestHelpers.datepicker.PROP_NAME), 'Inline - instance present');
ok(inl.next().length === 0 || inl.next().is('p'), 'Inline - button absent');
inl.datepicker('destroy');
inl = $('#inl');
ok(!inl.is('.hasDatepicker'), 'Inline - marker class cleared');
ok(inl.html() === '', 'Inline - datepicker absent');
- ok(!$.data(inl[0], TestHelpers.PROP_NAME), 'Inline - instance absent');
+ ok(!$.data(inl[0], TestHelpers.datepicker.PROP_NAME), 'Inline - instance absent');
ok(inl.next().length === 0 || inl.next().is('p'), 'Inline - button absent');
});
test('enableDisable', function() {
expect( 33 );
var inl, dp,
- inp = init('#inp');
+ inp = TestHelpers.datepicker.init('#inp');
ok(!inp.datepicker('isDisabled'), 'Enable/disable - initially marked as enabled');
ok(!inp[0].disabled, 'Enable/disable - field initially enabled');
inp.datepicker('disable');
ok(!inp[0].disabled, 'Enable/disable - field now enabled');
inp.datepicker('destroy');
// With a button
- inp = init('#inp', {showOn: 'button'});
+ inp = TestHelpers.datepicker.init('#inp', {showOn: 'button'});
ok(!inp.datepicker('isDisabled'), 'Enable/disable button - initially marked as enabled');
ok(!inp[0].disabled, 'Enable/disable button - field initially enabled');
ok(!inp.next('button')[0].disabled, 'Enable/disable button - button initially enabled');
ok(!inp.next('button')[0].disabled, 'Enable/disable button - button now enabled');
inp.datepicker('destroy');
// With an image button
- inp = init('#inp', {showOn: 'button', buttonImageOnly: true,
+ inp = TestHelpers.datepicker.init('#inp', {showOn: 'button', buttonImageOnly: true,
buttonImage: 'img/calendar.gif'});
ok(!inp.datepicker('isDisabled'), 'Enable/disable image - initially marked as enabled');
ok(!inp[0].disabled, 'Enable/disable image - field initially enabled');
ok(parseFloat(inp.next('img').css('opacity')) === 1, 'Enable/disable image - image now enabled');
inp.datepicker('destroy');
// Inline
- inl = init('#inl', {changeYear: true});
+ inl = TestHelpers.datepicker.init('#inl', {changeYear: true});
dp = $('.ui-datepicker-inline', inl);
ok(!inl.datepicker('isDisabled'), 'Enable/disable inline - initially marked as enabled');
ok(!dp.children().is('.ui-state-disabled'), 'Enable/disable inline - not visually disabled initially');
test('setDefaults', function() {
expect( 3 );
- init('#inp');
+ TestHelpers.datepicker.init('#inp');
equal($.datepicker._defaults.showOn, 'focus', 'Initial showOn');
$.datepicker.setDefaults({showOn: 'button'});
equal($.datepicker._defaults.showOn, 'button', 'Change default showOn');
test('option', function() {
expect( 17 );
- var inp = init('#inp'),
- inst = $.data(inp[0], TestHelpers.PROP_NAME);
+ var inp = TestHelpers.datepicker.init('#inp'),
+ inst = $.data(inp[0], TestHelpers.datepicker.PROP_NAME);
// Set option
equal(inst.settings.showOn, null, 'Initial setting showOn');
equal($.datepicker._get(inst, 'showOn'), 'focus', 'Initial instance showOn');
equal($.datepicker._get(inst, 'showOn'), 'focus', 'Restore instance showOn');
equal($.datepicker._defaults.showOn, 'focus', 'Retain default showOn');
// Get option
- inp = init('#inp');
+ inp = TestHelpers.datepicker.init('#inp');
equal(inp.datepicker('option', 'showOn'), 'focus', 'Initial setting showOn');
inp.datepicker('option', 'showOn', 'button');
equal(inp.datepicker('option', 'showOn'), 'button', 'Change instance showOn');
test('change', function() {
expect( 12 );
- var inp = init('#inp'),
- inst = $.data(inp[0], TestHelpers.PROP_NAME);
+ var inp = TestHelpers.datepicker.init('#inp'),
+ inst = $.data(inp[0], TestHelpers.datepicker.PROP_NAME);
equal(inst.settings.showOn, null, 'Initial setting showOn');
equal($.datepicker._get(inst, 'showOn'), 'focus', 'Initial instance showOn');
equal($.datepicker._defaults.showOn, 'focus', 'Initial default showOn');
test('invocation', function() {
expect( 29 );
var button, image,
- inp = init('#inp'),
+ inp = TestHelpers.datepicker.init('#inp'),
dp = $('#ui-datepicker-div'),
body = $('body');
// On focus
ok(!dp.is(':visible'), 'Focus - hidden on external click');
inp.datepicker('hide').datepicker('destroy');
// On button
- inp = init('#inp', {showOn: 'button', buttonText: 'Popup'});
+ inp = TestHelpers.datepicker.init('#inp', {showOn: 'button', buttonText: 'Popup'});
ok(!dp.is(':visible'), 'Button - initially hidden');
button = inp.siblings('button');
image = inp.siblings('img');
ok(!dp.is(':visible'), 'Button - hidden on second button click');
inp.datepicker('hide').datepicker('destroy');
// On image button
- inp = init('#inp', {showOn: 'button', buttonImageOnly: true,
+ inp = TestHelpers.datepicker.init('#inp', {showOn: 'button', buttonImageOnly: true,
buttonImage: 'img/calendar.gif', buttonText: 'Cal'});
ok(!dp.is(':visible'), 'Image button - initially hidden');
button = inp.siblings('button');
ok(!dp.is(':visible'), 'Image button - hidden on second image click');
inp.datepicker('hide').datepicker('destroy');
// On both
- inp = init('#inp', {showOn: 'both', buttonImage: 'img/calendar.gif'});
+ inp = TestHelpers.datepicker.init('#inp', {showOn: 'both', buttonImage: 'img/calendar.gif'});
ok(!dp.is(':visible'), 'Both - initially hidden');
button = inp.siblings('button');
ok(button.length === 1, 'Both - button present');
test('otherMonths', function() {
expect( 8 );
- var inp = init('#inp'),
+ var inp = TestHelpers.datepicker.init('#inp'),
pop = $('#ui-datepicker-div');
inp.val('06/01/2009').datepicker('show');
equal(pop.find('tbody').text(), '\u00a0123456789101112131415161718192021222324252627282930\u00a0\u00a0\u00a0\u00a0',
test('defaultDate', function() {
expect( 17 );
- var inp = init('#inp'),
+ var inp = TestHelpers.datepicker.init('#inp'),
date = new Date();
inp.val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), date, 'Default date null');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date null');
// Numeric values
inp.datepicker('option', {defaultDate: -2}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() - 2);
- equalsDate(inp.datepicker('getDate'), date, 'Default date -2');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date -2');
inp.datepicker('option', {defaultDate: 3}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() + 5);
- equalsDate(inp.datepicker('getDate'), date, 'Default date 3');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date 3');
inp.datepicker('option', {defaultDate: 1 / 0}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() - 3);
- equalsDate(inp.datepicker('getDate'), date, 'Default date Infinity');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date Infinity');
inp.datepicker('option', {defaultDate: 1 / 'a'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), date, 'Default date NaN');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date NaN');
// String offset values
inp.datepicker('option', {defaultDate: '-1d'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() - 1);
- equalsDate(inp.datepicker('getDate'), date, 'Default date -1d');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date -1d');
inp.datepicker('option', {defaultDate: '+3D'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() + 4);
- equalsDate(inp.datepicker('getDate'), date, 'Default date +3D');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date +3D');
inp.datepicker('option', {defaultDate: ' -2 w '}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date = new Date();
date.setDate(date.getDate() - 14);
- equalsDate(inp.datepicker('getDate'), date, 'Default date -2 w');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date -2 w');
inp.datepicker('option', {defaultDate: '+1 W'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setDate(date.getDate() + 21);
- equalsDate(inp.datepicker('getDate'), date, 'Default date +1 W');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date +1 W');
inp.datepicker('option', {defaultDate: ' -1 m '}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- date = TestHelpers.addMonths(new Date(), -1);
- equalsDate(inp.datepicker('getDate'), date, 'Default date -1 m');
+ date = TestHelpers.datepicker.addMonths(new Date(), -1);
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date -1 m');
inp.datepicker('option', {defaultDate: '+2M'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- date = TestHelpers.addMonths(new Date(), 2);
- equalsDate(inp.datepicker('getDate'), date, 'Default date +2M');
+ date = TestHelpers.datepicker.addMonths(new Date(), 2);
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date +2M');
inp.datepicker('option', {defaultDate: '-2y'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date = new Date();
date.setFullYear(date.getFullYear() - 2);
- equalsDate(inp.datepicker('getDate'), date, 'Default date -2y');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date -2y');
inp.datepicker('option', {defaultDate: '+1 Y '}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date.setFullYear(date.getFullYear() + 3);
- equalsDate(inp.datepicker('getDate'), date, 'Default date +1 Y');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date +1 Y');
inp.datepicker('option', {defaultDate: '+1M +10d'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- date = TestHelpers.addMonths(new Date(), 1);
+ date = TestHelpers.datepicker.addMonths(new Date(), 1);
date.setDate(date.getDate() + 10);
- equalsDate(inp.datepicker('getDate'), date, 'Default date +1M +10d');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date +1M +10d');
// String date values
inp.datepicker('option', {defaultDate: '07/04/2007'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date = new Date(2007, 7 - 1, 4);
- equalsDate(inp.datepicker('getDate'), date, 'Default date 07/04/2007');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date 07/04/2007');
inp.datepicker('option', {dateFormat: 'yy-mm-dd', defaultDate: '2007-04-02'}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
date = new Date(2007, 4 - 1, 2);
- equalsDate(inp.datepicker('getDate'), date, 'Default date 2007-04-02');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date 2007-04-02');
// Date value
date = new Date(2007, 1 - 1, 26);
inp.datepicker('option', {dateFormat: 'mm/dd/yy', defaultDate: date}).
datepicker('hide').val('').datepicker('show').
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), date, 'Default date 01/26/2007');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date, 'Default date 01/26/2007');
});
test('miscellaneous', function() {
expect( 19 );
var curYear, longNames, shortNames, date,
dp = $('#ui-datepicker-div'),
- inp = init('#inp');
+ inp = TestHelpers.datepicker.init('#inp');
// Year range
function genRange(start, offset) {
var i = start,
test('minMax', function() {
expect( 17 );
var date,
- inp = init('#inp'),
+ inp = TestHelpers.datepicker.init('#inp'),
lastYear = new Date(2007, 6 - 1, 4),
nextYear = new Date(2009, 6 - 1, 4),
minDate = new Date(2008, 2 - 1, 29),
inp.val('06/04/2008').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), lastYear,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), lastYear,
'Min/max - null, null - ctrl+pgup');
inp.val('06/04/2008').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), nextYear,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), nextYear,
'Min/max - null, null - ctrl+pgdn');
inp.datepicker('option', {minDate: minDate}).
datepicker('hide').val('06/04/2008').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), minDate,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), minDate,
'Min/max - 02/29/2008, null - ctrl+pgup');
inp.val('06/04/2008').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), nextYear,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), nextYear,
'Min/max - 02/29/2008, null - ctrl+pgdn');
inp.datepicker('option', {maxDate: maxDate}).
datepicker('hide').val('06/04/2008').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), minDate,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), minDate,
'Min/max - 02/29/2008, 12/07/2008 - ctrl+pgup');
inp.val('06/04/2008').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), maxDate,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), maxDate,
'Min/max - 02/29/2008, 12/07/2008 - ctrl+pgdn');
inp.datepicker('option', {minDate: null}).
datepicker('hide').val('06/04/2008').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), lastYear,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), lastYear,
'Min/max - null, 12/07/2008 - ctrl+pgup');
inp.val('06/04/2008').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), maxDate,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), maxDate,
'Min/max - null, 12/07/2008 - ctrl+pgdn');
// Relative dates
date = new Date();
datepicker('hide').val('').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), date,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date,
'Min/max - -1w, +1 M +10 D - ctrl+pgup');
- date = TestHelpers.addMonths(new Date(), 1);
+ date = TestHelpers.datepicker.addMonths(new Date(), 1);
date.setDate(date.getDate() + 10);
inp.val('').datepicker('show');
inp.simulate('keydown', {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
simulate('keydown', {keyCode: $.ui.keyCode.ENTER});
- equalsDate(inp.datepicker('getDate'), date,
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date,
'Min/max - -1w, +1 M +10 D - ctrl+pgdn');
// With existing date
- inp = init('#inp');
+ inp = TestHelpers.datepicker.init('#inp');
inp.val('06/04/2008').datepicker('option', {minDate: minDate});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 6 - 1, 4), 'Min/max - setDate > min');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 6 - 1, 4), 'Min/max - setDate > min');
inp.datepicker('option', {minDate: null}).val('01/04/2008').datepicker('option', {minDate: minDate});
- equalsDate(inp.datepicker('getDate'), minDate, 'Min/max - setDate < min');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), minDate, 'Min/max - setDate < min');
inp.datepicker('option', {minDate: null}).val('06/04/2008').datepicker('option', {maxDate: maxDate});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 6 - 1, 4), 'Min/max - setDate < max');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 6 - 1, 4), 'Min/max - setDate < max');
inp.datepicker('option', {maxDate: null}).val('01/04/2009').datepicker('option', {maxDate: maxDate});
- equalsDate(inp.datepicker('getDate'), maxDate, 'Min/max - setDate > max');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), maxDate, 'Min/max - setDate > max');
inp.datepicker('option', {maxDate: null}).val('01/04/2008').datepicker('option', {minDate: minDate, maxDate: maxDate});
- equalsDate(inp.datepicker('getDate'), minDate, 'Min/max - setDate < min');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), minDate, 'Min/max - setDate < min');
inp.datepicker('option', {maxDate: null}).val('06/04/2008').datepicker('option', {minDate: minDate, maxDate: maxDate});
- equalsDate(inp.datepicker('getDate'), new Date(2008, 6 - 1, 4), 'Min/max - setDate > min, < max');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), new Date(2008, 6 - 1, 4), 'Min/max - setDate > min, < max');
inp.datepicker('option', {maxDate: null}).val('01/04/2009').datepicker('option', {minDate: minDate, maxDate: maxDate});
- equalsDate(inp.datepicker('getDate'), maxDate, 'Min/max - setDate > max');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), maxDate, 'Min/max - setDate > max');
});
test('setDate', function() {
expect( 24 );
var inl, alt, minDate, maxDate, dateAndTimeToSet, dateAndTimeClone,
- inp = init('#inp'),
+ inp = TestHelpers.datepicker.init('#inp'),
date1 = new Date(2008, 6 - 1, 4),
date2 = new Date();
ok(inp.datepicker('getDate') == null, 'Set date - default');
inp.datepicker('setDate', date1);
- equalsDate(inp.datepicker('getDate'), date1, 'Set date - 2008-06-04');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date1, 'Set date - 2008-06-04');
date1 = new Date();
date1.setDate(date1.getDate() + 7);
inp.datepicker('setDate', +7);
- equalsDate(inp.datepicker('getDate'), date1, 'Set date - +7');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date1, 'Set date - +7');
date2.setFullYear(date2.getFullYear() + 2);
inp.datepicker('setDate', '+2y');
- equalsDate(inp.datepicker('getDate'), date2, 'Set date - +2y');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date2, 'Set date - +2y');
inp.datepicker('setDate', date1, date2);
- equalsDate(inp.datepicker('getDate'), date1, 'Set date - two dates');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date1, 'Set date - two dates');
inp.datepicker('setDate');
ok(inp.datepicker('getDate') == null, 'Set date - null');
// Relative to current date
date1 = new Date();
date1.setDate(date1.getDate() + 7);
inp.datepicker('setDate', 'c +7');
- equalsDate(inp.datepicker('getDate'), date1, 'Set date - c +7');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date1, 'Set date - c +7');
date1.setDate(date1.getDate() + 7);
inp.datepicker('setDate', 'c+7');
- equalsDate(inp.datepicker('getDate'), date1, 'Set date - c+7');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date1, 'Set date - c+7');
date1.setDate(date1.getDate() - 21);
inp.datepicker('setDate', 'c -3 w');
- equalsDate(inp.datepicker('getDate'), date1, 'Set date - c -3 w');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date1, 'Set date - c -3 w');
// Inline
- inl = init('#inl');
+ inl = TestHelpers.datepicker.init('#inl');
date1 = new Date(2008, 6 - 1, 4);
date2 = new Date();
- equalsDate(inl.datepicker('getDate'), date2, 'Set date inline - default');
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), date2, 'Set date inline - default');
inl.datepicker('setDate', date1);
- equalsDate(inl.datepicker('getDate'), date1, 'Set date inline - 2008-06-04');
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), date1, 'Set date inline - 2008-06-04');
date1 = new Date();
date1.setDate(date1.getDate() + 7);
inl.datepicker('setDate', +7);
- equalsDate(inl.datepicker('getDate'), date1, 'Set date inline - +7');
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), date1, 'Set date inline - +7');
date2.setFullYear(date2.getFullYear() + 2);
inl.datepicker('setDate', '+2y');
- equalsDate(inl.datepicker('getDate'), date2, 'Set date inline - +2y');
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), date2, 'Set date inline - +2y');
inl.datepicker('setDate', date1, date2);
- equalsDate(inl.datepicker('getDate'), date1, 'Set date inline - two dates');
+ TestHelpers.datepicker.equalsDate(inl.datepicker('getDate'), date1, 'Set date inline - two dates');
inl.datepicker('setDate');
ok(inl.datepicker('getDate') == null, 'Set date inline - null');
// Alternate field
equal(inp.val(), '06/04/2008', 'Set date alternate - 06/04/2008');
equal(alt.val(), '2008-06-04', 'Set date alternate - 2008-06-04');
// With minimum/maximum
- inp = init('#inp');
+ inp = TestHelpers.datepicker.init('#inp');
date1 = new Date(2008, 1 - 1, 4);
date2 = new Date(2008, 6 - 1, 4);
minDate = new Date(2008, 2 - 1, 29);
maxDate = new Date(2008, 3 - 1, 28);
inp.val('').datepicker('option', {minDate: minDate}).datepicker('setDate', date2);
- equalsDate(inp.datepicker('getDate'), date2, 'Set date min/max - setDate > min');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date2, 'Set date min/max - setDate > min');
inp.datepicker('setDate', date1);
- equalsDate(inp.datepicker('getDate'), minDate, 'Set date min/max - setDate < min');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), minDate, 'Set date min/max - setDate < min');
inp.val('').datepicker('option', {maxDate: maxDate, minDate: null}).datepicker('setDate', date1);
- equalsDate(inp.datepicker('getDate'), date1, 'Set date min/max - setDate < max');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), date1, 'Set date min/max - setDate < max');
inp.datepicker('setDate', date2);
- equalsDate(inp.datepicker('getDate'), maxDate, 'Set date min/max - setDate > max');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), maxDate, 'Set date min/max - setDate > max');
inp.val('').datepicker('option', {minDate: minDate}).datepicker('setDate', date1);
- equalsDate(inp.datepicker('getDate'), minDate, 'Set date min/max - setDate < min');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), minDate, 'Set date min/max - setDate < min');
inp.datepicker('setDate', date2);
- equalsDate(inp.datepicker('getDate'), maxDate, 'Set date min/max - setDate > max');
+ TestHelpers.datepicker.equalsDate(inp.datepicker('getDate'), maxDate, 'Set date min/max - setDate > max');
dateAndTimeToSet = new Date(2008, 3 - 1, 28, 1, 11, 0);
dateAndTimeClone = new Date(2008, 3 - 1, 28, 1, 11, 0);
inp.datepicker('setDate', dateAndTimeToSet);
test('altField', function() {
expect( 10 );
- var inp = init('#inp'),
+ var inp = TestHelpers.datepicker.init('#inp'),
alt = $('#alt');
// No alternate field set
alt.val('');
test('autoSize', function() {
expect( 15 );
- var inp = init('#inp');
+ var inp = TestHelpers.datepicker.init('#inp');
equal(inp.prop('size'), 20, 'Auto size - default');
inp.datepicker('option', 'autoSize', true);
equal(inp.prop('size'), 10, 'Auto size - mm/dd/yy');
test('daylightSaving', function() {
expect( 25 );
- var inp = init('#inp'),
+ var inp = TestHelpers.datepicker.init('#inp'),
dp = $('#ui-datepicker-div');
ok(true, 'Daylight saving - ' + new Date());
// Australia, Sydney - AM change, southern hemisphere
expect( 13 );
// Before show
var dp, day20, day21,
- inp = init('#inp', {beforeShow: beforeAll}),
+ inp = TestHelpers.datepicker.init('#inp', {beforeShow: beforeAll}),
inst = $.data(inp[0], 'datepicker');
equal($.datepicker._get(inst, 'currentText'), 'Today', 'Before show - initial');
inp.val('02/04/2008').datepicker('show');
deepEqual(beforeShowInst, inst, 'Before show - inst OK');
inp.datepicker('hide').datepicker('destroy');
// Before show day
- inp = init('#inp', {beforeShowDay: beforeDay});
+ inp = TestHelpers.datepicker.init('#inp', {beforeShowDay: beforeDay});
dp = $('#ui-datepicker-div');
inp.val('02/04/2008').datepicker('show');
ok(beforeShowDayThis.id === inp[0].id, 'Before show day - this OK');
test('localisation', function() {
expect( 24 );
var dp, month, day, date,
- inp = init('#inp', $.datepicker.regional.fr);
+ inp = TestHelpers.datepicker.init('#inp', $.datepicker.regional.fr);
inp.datepicker('option', {dateFormat: 'DD, d MM yy', showButtonPanel:true, changeMonth:true, changeYear:true}).val('').datepicker('show');
dp = $('#ui-datepicker-div');
equal($('.ui-datepicker-close', dp).text(), 'Fermer', 'Localisation - close');
test('parseDate', function() {
expect( 26 );
- init('#inp');
+ TestHelpers.datepicker.init('#inp');
var currentYear, gmtDate, fr, settings, zh;
ok($.datepicker.parseDate('d m y', '') == null, 'Parse date empty');
- equalsDate($.datepicker.parseDate('d m y', '3 2 01'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('d m y', '3 2 01'),
new Date(2001, 2 - 1, 3), 'Parse date d m y');
- equalsDate($.datepicker.parseDate('dd mm yy', '03 02 2001'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('dd mm yy', '03 02 2001'),
new Date(2001, 2 - 1, 3), 'Parse date dd mm yy');
- equalsDate($.datepicker.parseDate('d m y', '13 12 01'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('d m y', '13 12 01'),
new Date(2001, 12 - 1, 13), 'Parse date d m y');
- equalsDate($.datepicker.parseDate('dd mm yy', '13 12 2001'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('dd mm yy', '13 12 2001'),
new Date(2001, 12 - 1, 13), 'Parse date dd mm yy');
- equalsDate($.datepicker.parseDate('y-o', '01-34'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('y-o', '01-34'),
new Date(2001, 2 - 1, 3), 'Parse date y-o');
- equalsDate($.datepicker.parseDate('yy-oo', '2001-347'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('yy-oo', '2001-347'),
new Date(2001, 12 - 1, 13), 'Parse date yy-oo');
- equalsDate($.datepicker.parseDate('oo yy', '348 2004'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('oo yy', '348 2004'),
new Date(2004, 12 - 1, 13), 'Parse date oo yy');
- equalsDate($.datepicker.parseDate('D d M y', 'Sat 3 Feb 01'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('D d M y', 'Sat 3 Feb 01'),
new Date(2001, 2 - 1, 3), 'Parse date D d M y');
- equalsDate($.datepicker.parseDate('d MM DD yy', '3 February Saturday 2001'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('d MM DD yy', '3 February Saturday 2001'),
new Date(2001, 2 - 1, 3), 'Parse date dd MM DD yy');
- equalsDate($.datepicker.parseDate('DD, MM d, yy', 'Saturday, February 3, 2001'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('DD, MM d, yy', 'Saturday, February 3, 2001'),
new Date(2001, 2 - 1, 3), 'Parse date DD, MM d, yy');
- equalsDate($.datepicker.parseDate('\'day\' d \'of\' MM (\'\'DD\'\'), yy',
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('\'day\' d \'of\' MM (\'\'DD\'\'), yy',
'day 3 of February (\'Saturday\'), 2001'), new Date(2001, 2 - 1, 3),
'Parse date \'day\' d \'of\' MM (\'\'DD\'\'), yy');
currentYear = new Date().getFullYear();
- equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000) + '-02-03'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000) + '-02-03'),
new Date(currentYear, 2 - 1, 3), 'Parse date y-m-d - default cutuff');
- equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000 + 10) + '-02-03'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000 + 10) + '-02-03'),
new Date(currentYear+10, 2 - 1, 3), 'Parse date y-m-d - default cutuff');
- equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000 + 11) + '-02-03'),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000 + 11) + '-02-03'),
new Date(currentYear-89, 2 - 1, 3), 'Parse date y-m-d - default cutuff');
- equalsDate($.datepicker.parseDate('y-m-d', '80-02-03', {shortYearCutoff: 80}),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('y-m-d', '80-02-03', {shortYearCutoff: 80}),
new Date(2080, 2 - 1, 3), 'Parse date y-m-d - cutoff 80');
- equalsDate($.datepicker.parseDate('y-m-d', '81-02-03', {shortYearCutoff: 80}),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('y-m-d', '81-02-03', {shortYearCutoff: 80}),
new Date(1981, 2 - 1, 3), 'Parse date y-m-d - cutoff 80');
- equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000 + 60) + '-02-03', {shortYearCutoff: '+60'}),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000 + 60) + '-02-03', {shortYearCutoff: '+60'}),
new Date(currentYear + 60, 2 - 1, 3), 'Parse date y-m-d - cutoff +60');
- equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000 + 61) + '-02-03', {shortYearCutoff: '+60'}),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('y-m-d', (currentYear - 2000 + 61) + '-02-03', {shortYearCutoff: '+60'}),
new Date(currentYear - 39, 2 - 1, 3), 'Parse date y-m-d - cutoff +60');
gmtDate = new Date(2001, 2 - 1, 3);
gmtDate.setMinutes(gmtDate.getMinutes() - gmtDate.getTimezoneOffset());
- equalsDate($.datepicker.parseDate('@', '981158400000'), gmtDate, 'Parse date @');
- equalsDate($.datepicker.parseDate('!', '631167552000000000'), gmtDate, 'Parse date !');
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('@', '981158400000'), gmtDate, 'Parse date @');
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('!', '631167552000000000'), gmtDate, 'Parse date !');
fr = $.datepicker.regional.fr;
settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames,
monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames};
- equalsDate($.datepicker.parseDate('D d M y', 'Lun. 9 Avril 01', settings),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('D d M y', 'Lun. 9 Avril 01', settings),
new Date(2001, 4 - 1, 9), 'Parse date D M y with settings');
- equalsDate($.datepicker.parseDate('d MM DD yy', '9 Avril Lundi 2001', settings),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('d MM DD yy', '9 Avril Lundi 2001', settings),
new Date(2001, 4 - 1, 9), 'Parse date d MM DD yy with settings');
- equalsDate($.datepicker.parseDate('DD, MM d, yy', 'Lundi, Avril 9, 2001', settings),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('DD, MM d, yy', 'Lundi, Avril 9, 2001', settings),
new Date(2001, 4 - 1, 9), 'Parse date DD, MM d, yy with settings');
- equalsDate($.datepicker.parseDate('\'jour\' d \'de\' MM (\'\'DD\'\'), yy',
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('\'jour\' d \'de\' MM (\'\'DD\'\'), yy',
'jour 9 de Avril (\'Lundi\'), 2001', settings), new Date(2001, 4 - 1, 9),
'Parse date \'jour\' d \'de\' MM (\'\'DD\'\'), yy with settings');
zh = $.datepicker.regional['zh-CN'];
- equalsDate($.datepicker.parseDate('yy M d', '2011 十一 22', zh),
+ TestHelpers.datepicker.equalsDate($.datepicker.parseDate('yy M d', '2011 十一 22', zh),
new Date(2011, 11 - 1, 22), 'Parse date yy M d with zh-CN');
});
test('parseDateErrors', function() {
expect( 17 );
- init('#inp');
+ TestHelpers.datepicker.init('#inp');
var fr, settings;
function expectError(expr, value, error) {
try {
test('formatDate', function() {
expect( 16 );
- init('#inp');
+ TestHelpers.datepicker.init('#inp');
var gmtDate, fr, settings;
equal($.datepicker.formatDate('d m y', new Date(2001, 2 - 1, 3)),
'3 2 01', 'Format date d m y');
--- /dev/null
+TestHelpers.datepicker = {
+ addMonths: function(date, offset) {
+ var maxDay = 32 - new Date(date.getFullYear(), date.getMonth() + offset, 32).getDate();
+ date.setDate(Math.min(date.getDate(), maxDay));
+ date.setMonth(date.getMonth() + offset);
+ return date;
+ },
+ equalsDate: function(d1, d2, message) {
+ if (!d1 || !d2) {
+ ok(false, message + ' - missing date');
+ return;
+ }
+ d1 = new Date(d1.getFullYear(), d1.getMonth(), d1.getDate());
+ d2 = new Date(d2.getFullYear(), d2.getMonth(), d2.getDate());
+ equal(d1.toString(), d2.toString(), message);
+ },
+ init: function(id, options) {
+ $.datepicker.setDefaults($.datepicker.regional['']);
+ return $(id).datepicker($.extend({showAnim: ''}, options || {}));
+ },
+ PROP_NAME: 'datepicker'
+};
\ No newline at end of file
// http://forum.jquery.com/topic/several-breaking-changes-in-jquery-ui-1-8rc1
test('beforeShowDay-getDate', function() {
expect( 3 );
- var inp = init('#inp', {beforeShowDay: function() { inp.datepicker('getDate'); return [true, '']; }}),
+ var inp = TestHelpers.datepicker.init('#inp', {beforeShowDay: function() { inp.datepicker('getDate'); return [true, '']; }}),
dp = $('#ui-datepicker-div');
inp.val('01/01/2010').datepicker('show');
// contains non-breaking space
test('Ticket 7602: Stop datepicker from appearing with beforeShow event handler', function(){
expect( 3 );
- var inp = init('#inp',{
+ var inp = TestHelpers.datepicker.init('#inp',{
beforeShow: function(){
return false;
}
equal(dp.css('display'), 'none',"beforeShow returns false");
inp.datepicker('destroy');
- inp = init('#inp',{
+ inp = TestHelpers.datepicker.init('#inp',{
beforeShow: function(){
}
});
inp.datepicker('hide');
inp.datepicker('destroy');
- inp = init('#inp',{
+ inp = TestHelpers.datepicker.init('#inp',{
beforeShow: function(){
return true;
}
<script src="dialog_events.js"></script>
<script src="dialog_methods.js"></script>
<script src="dialog_options.js"></script>
+ <script src="dialog_test_helpers.js"></script>
<script src="dialog_tickets.js"></script>
<script src="../swarminject.js"></script>
* dialog_core.js
*/
-var el,
- offsetBefore, offsetAfter,
- heightBefore, heightAfter,
- widthBefore, widthAfter,
- dragged;
-
-function dlg() {
- return el.dialog('widget');
-}
-
-TestHelpers.isOpen = function(why) {
- ok(dlg().is(":visible"), why);
-};
-
-TestHelpers.isNotOpen = function(why) {
- ok(!dlg().is(":visible"), why);
-};
-
-function drag(handle, dx, dy) {
- var d = dlg();
- offsetBefore = d.offset();
- heightBefore = d.height();
- widthBefore = d.width();
- //this mouseover is to work around a limitation in resizable
- //TODO: fix resizable so handle doesn't require mouseover in order to be used
- $(handle, d).simulate("mouseover");
- $(handle, d).simulate("drag", {
- dx: dx || 0,
- dy: dy || 0
- });
- dragged = { dx: dx, dy: dy };
- offsetAfter = d.offset();
- heightAfter = d.height();
- widthAfter = d.width();
-}
-
-TestHelpers.dialogMoved = function(dx, dy, msg) {
- msg = msg ? msg + "." : "";
- var actual = { left: Math.round(offsetAfter.left), top: Math.round(offsetAfter.top) },
- expected = { left: Math.round(offsetBefore.left + dx), top: Math.round(offsetBefore.top + dy) };
- deepEqual(actual, expected, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
-};
-
-TestHelpers.shouldmove = function(why) {
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, -50);
- TestHelpers.dialogMoved(50, -50, why);
-};
-
-TestHelpers.shouldnotmove = function(why) {
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, -50);
- TestHelpers.dialogMoved(0, 0, why);
-};
-
-TestHelpers.resized = function(dw, dh, msg) {
- msg = msg ? msg + "." : "";
- var actual = { width: widthAfter, height: heightAfter },
- expected = { width: widthBefore + dw, height: heightBefore + dh };
- deepEqual(actual, expected, 'resized[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
-};
-
-TestHelpers.shouldresize = function(why) {
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- TestHelpers.resized(50, 50, why);
-};
-
-TestHelpers.shouldnotresize = function(why) {
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- TestHelpers.resized(0, 0, why);
-};
-
(function($) {
module("dialog: core");
test("title id", function() {
expect(1);
- el = $('<div></div>').dialog();
- var titleId = dlg().find('.ui-dialog-title').attr('id');
+ var titleId,
+ el = $('<div></div>').dialog();
+
+ titleId = el.dialog('widget').find('.ui-dialog-title').attr('id');
ok( /ui-id-\d+$/.test( titleId ), 'auto-numbered title id');
el.remove();
});
test("ARIA", function() {
expect(4);
- el = $('<div></div>').dialog();
+ var labelledBy,
+ el = $('<div></div>').dialog();
- equal(dlg().attr('role'), 'dialog', 'dialog role');
+ equal(el.dialog('widget').attr('role'), 'dialog', 'dialog role');
- var labelledBy = dlg().attr('aria-labelledby');
+ labelledBy = el.dialog('widget').attr('aria-labelledby');
ok(labelledBy.length > 0, 'has aria-labelledby attribute');
- equal(dlg().find('.ui-dialog-title').attr('id'), labelledBy,
+ equal(el.dialog('widget').find('.ui-dialog-title').attr('id'), labelledBy,
'proper aria-labelledby attribute');
- equal(dlg().find('.ui-dialog-titlebar-close').attr('role'), 'button',
+ equal(el.dialog('widget').find('.ui-dialog-titlebar-close').attr('role'), 'button',
'close link role');
el.remove();
test("open", function() {
expect(13);
- el = $("<div></div>");
+ var el = $("<div></div>");
el.dialog({
open: function(ev, ui) {
ok(el.data("dialog")._isOpen, "interal _isOpen flag is set");
test("dragStart", function() {
expect(9);
- el = $('<div></div>').dialog({
- dragStart: function(ev, ui) {
- ok(true, 'dragging fires dragStart callback');
- equal(this, el[0], "context of callback");
- equal(ev.type, 'dialogdragstart', 'event type in callback');
+ var handle,
+ el = $('<div></div>').dialog({
+ dragStart: function(ev, ui) {
+ ok(true, 'dragging fires dragStart callback');
+ equal(this, el[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");
+ }
+ }).bind('dialogdragstart', function(ev, ui) {
+ ok(true, 'dragging fires dialogdragstart event');
+ equal(this, el[0], 'context of event');
ok(ui.position !== undefined, "ui.position in callback");
ok(ui.offset !== undefined, "ui.offset in callback");
- }
- }).bind('dialogdragstart', function(ev, ui) {
- ok(true, 'dragging fires dialogdragstart event');
- equal(this, el[0], 'context of event');
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
- });
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, 50);
+ });
+
+ handle = $(".ui-dialog-titlebar", el.dialog('widget'));
+ TestHelpers.dialog.drag(el, handle, 50, 50);
el.remove();
});
test("drag", function() {
expect(9);
var handle,
- hasDragged = false;
+ hasDragged = false,
+ el = $('<div></div>').dialog({
+ drag: function(ev, ui) {
+ if (!hasDragged) {
+ ok(true, 'dragging fires drag callback');
+ equal(this, el[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");
- el = $('<div></div>').dialog({
- drag: function(ev, ui) {
- if (!hasDragged) {
- ok(true, 'dragging fires drag callback');
- equal(this, el[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;
+ hasDragged = true;
+ }
}
- }
- }).one('dialogdrag', function(ev, ui) {
- ok(true, 'dragging fires dialogdrag event');
- equal(this, el[0], 'context of event');
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
- });
- handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, 50);
+ }).one('dialogdrag', function(ev, ui) {
+ ok(true, 'dragging fires dialogdrag event');
+ equal(this, el[0], 'context of event');
+ ok(ui.position !== undefined, "ui.position in callback");
+ ok(ui.offset !== undefined, "ui.offset in callback");
+ });
+
+ handle = $(".ui-dialog-titlebar", el.dialog('widget'));
+ TestHelpers.dialog.drag(el, handle, 50, 50);
el.remove();
});
test("dragStop", function() {
expect(9);
- el = $('<div></div>').dialog({
- dragStop: function(ev, ui) {
- ok(true, 'dragging fires dragStop callback');
- equal(this, el[0], "context of callback");
- equal(ev.type, 'dialogdragstop', 'event type in callback');
+ var handle,
+ el = $('<div></div>').dialog({
+ dragStop: function(ev, ui) {
+ ok(true, 'dragging fires dragStop callback');
+ equal(this, el[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");
+ }
+ }).bind('dialogdragstop', function(ev, ui) {
+ ok(true, 'dragging fires dialogdragstop event');
+ equal(this, el[0], 'context of event');
ok(ui.position !== undefined, "ui.position in callback");
ok(ui.offset !== undefined, "ui.offset in callback");
- }
- }).bind('dialogdragstop', function(ev, ui) {
- ok(true, 'dragging fires dialogdragstop event');
- equal(this, el[0], 'context of event');
- ok(ui.position !== undefined, "ui.position in callback");
- ok(ui.offset !== undefined, "ui.offset in callback");
- });
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, 50);
+ });
+
+ handle = $(".ui-dialog-titlebar", el.dialog('widget'));
+ TestHelpers.dialog.drag(el, handle, 50, 50);
el.remove();
});
test("resizeStart", function() {
expect(13);
- el = $('<div></div>').dialog({
- resizeStart: function(ev, ui) {
- ok(true, 'resizing fires resizeStart callback');
- equal(this, el[0], "context of callback");
- equal(ev.type, 'dialogresizestart', 'event type in callback');
+ var handle,
+ el = $('<div></div>').dialog({
+ resizeStart: function(ev, ui) {
+ ok(true, 'resizing fires resizeStart callback');
+ equal(this, el[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");
+ }
+ }).bind('dialogresizestart', function(ev, ui) {
+ ok(true, 'resizing fires dialogresizestart event');
+ equal(this, el[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");
- }
- }).bind('dialogresizestart', function(ev, ui) {
- ok(true, 'resizing fires dialogresizestart event');
- equal(this, el[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");
- });
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
+ });
+
+ handle = $(".ui-resizable-se", el.dialog('widget'));
+ TestHelpers.dialog.drag(el, handle, 50, 50);
el.remove();
});
test("resize", function() {
expect(13);
var handle,
- hasResized = false;
-
- el = $('<div></div>').dialog({
- resize: function(ev, ui) {
- if (!hasResized) {
- ok(true, 'resizing fires resize callback');
- equal(this, el[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 = false,
+ el = $('<div></div>').dialog({
+ resize: function(ev, ui) {
+ if (!hasResized) {
+ ok(true, 'resizing fires resize callback');
+ equal(this, el[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;
+ hasResized = true;
+ }
}
- }
- }).one('dialogresize', function(ev, ui) {
- ok(true, 'resizing fires dialogresize event');
- equal(this, el[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", dlg());
- drag(handle, 50, 50);
+ }).one('dialogresize', function(ev, ui) {
+ ok(true, 'resizing fires dialogresize event');
+ equal(this, el[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", el.dialog('widget'));
+ TestHelpers.dialog.drag(el, handle, 50, 50);
el.remove();
});
test("resizeStop", function() {
expect(13);
- el = $('<div></div>').dialog({
- resizeStop: function(ev, ui) {
- ok(true, 'resizing fires resizeStop callback');
- equal(this, el[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");
- }
- }).bind('dialogresizestop', function(ev, ui) {
- ok(true, 'resizing fires dialogresizestop event');
- equal(this, el[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");
- });
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
+ var handle,
+ el = $('<div></div>').dialog({
+ resizeStop: function(ev, ui) {
+ ok(true, 'resizing fires resizeStop callback');
+ equal(this, el[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");
+ }
+ }).bind('dialogresizestop', function(ev, ui) {
+ ok(true, 'resizing fires dialogresizestop event');
+ equal(this, el[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", el.dialog('widget'));
+ TestHelpers.dialog.drag(el, handle, 50, 50);
el.remove();
});
asyncTest("close", function() {
expect(14);
- el = $('<div></div>').dialog({
+ var el = $('<div></div>').dialog({
close: function(ev, ui) {
ok(true, '.dialog("close") fires close callback');
equal(this, el[0], "context of callback");
test("beforeClose", function() {
expect(14);
- el = $('<div></div>').dialog({
+ var el = $('<div></div>').dialog({
beforeClose: function(ev, ui) {
ok(true, '.dialog("close") fires beforeClose callback');
equal(this, el[0], "context of callback");
return false;
}
});
+
el.dialog('close');
- TestHelpers.isOpen('beforeClose callback should prevent dialog from closing');
+ ok( el.dialog("widget").is(":visible"), 'beforeClose callback should prevent dialog from closing');
el.remove();
el = $('<div></div>').dialog();
return false;
});
el.dialog('close');
- TestHelpers.isOpen('beforeClose callback should prevent dialog from closing');
+
+ ok( el.dialog("widget").is(":visible"), 'beforeClose callback should prevent dialog from closing');
el.remove();
el = $('<div></div>').dialog().bind('dialogbeforeclose', function(ev, ui) {
return false;
});
el.dialog('close');
- TestHelpers.isOpen('dialogbeforeclose event should prevent dialog from closing');
+ ok( el.dialog("widget").is(":visible"), 'dialogbeforeclose event should prevent dialog from closing');
el.remove();
});
$('<div></div>').appendTo('body').remove().dialog().remove();
ok(true, '.dialog() called on disconnected DOMElement - removed');
- el = $('<div></div>').dialog();
+ var el = $('<div></div>').dialog();
el.dialog("option", "foo");
el.remove();
ok(true, 'arbitrary option getter after init');
test("enable", function() {
expect( 3 );
- var expected = $('<div></div>').dialog(),
+ var el,
+ expected = $('<div></div>').dialog(),
actual = expected.dialog('enable');
equal(actual, expected, 'enable is chainable');
el = $('<div></div>').dialog({ disabled: true });
el.dialog('enable');
equal(el.dialog('option', 'disabled'), false, 'enable method sets disabled option to false');
- ok(!dlg().hasClass('ui-dialog-disabled'), 'enable method removes ui-dialog-disabled class from ui-dialog element');
+ ok(!el.dialog('widget').hasClass('ui-dialog-disabled'), 'enable method removes ui-dialog-disabled class from ui-dialog element');
});
test("disable", function() {
expect( 3 );
- var expected = $('<div></div>').dialog(),
+ var el,
+ expected = $('<div></div>').dialog(),
actual = expected.dialog('disable');
equal(actual, expected, 'disable is chainable');
el = $('<div></div>').dialog({ disabled: false });
el.dialog('disable');
equal(el.dialog('option', 'disabled'), true, 'disable method sets disabled option to true');
- ok(dlg().hasClass('ui-dialog-disabled'), 'disable method adds ui-dialog-disabled class to ui-dialog element');
+ ok(el.dialog('widget').hasClass('ui-dialog-disabled'), 'disable method adds ui-dialog-disabled class to ui-dialog element');
});
test("close", function() {
expect( 3 );
- var expected = $('<div></div>').dialog(),
+ var el,
+ expected = $('<div></div>').dialog(),
actual = expected.dialog('close');
equal(actual, expected, 'close is chainable');
el = $('<div></div>').dialog();
- ok(dlg().is(':visible') && !dlg().is(':hidden'), 'dialog visible before close method called');
+ ok(el.dialog('widget').is(':visible') && !el.dialog('widget').is(':hidden'), 'dialog visible before close method called');
el.dialog('close');
- ok(dlg().is(':hidden') && !dlg().is(':visible'), 'dialog hidden after close method called');
+ ok(el.dialog('widget').is(':hidden') && !el.dialog('widget').is(':visible'), 'dialog hidden after close method called');
});
test("isOpen", function() {
expect(4);
- el = $('<div></div>').dialog();
+ var el = $('<div></div>').dialog();
equal(el.dialog('isOpen'), true, "dialog is open after init");
el.dialog('close');
equal(el.dialog('isOpen'), false, "dialog is closed");
test("open", function() {
expect( 3 );
- var expected = $('<div></div>').dialog(),
+ var el,
+ expected = $('<div></div>').dialog(),
actual = expected.dialog('open');
equal(actual, expected, 'open is chainable');
el = $('<div></div>').dialog({ autoOpen: false });
- ok(dlg().is(':hidden') && !dlg().is(':visible'), 'dialog hidden before open method called');
+ ok(el.dialog('widget').is(':hidden') && !el.dialog('widget').is(':visible'), 'dialog hidden before open method called');
el.dialog('open');
- ok(dlg().is(':visible') && !dlg().is(':hidden'), 'dialog visible after open method called');
+ ok(el.dialog('widget').is(':visible') && !el.dialog('widget').is(':hidden'), 'dialog visible after open method called');
});
})(jQuery);
test("autoOpen", function() {
expect(2);
- el = $('<div></div>').dialog({ autoOpen: false });
- TestHelpers.isNotOpen('.dialog({ autoOpen: false })');
+ var el = $('<div></div>').dialog({ autoOpen: false });
+ ok( !el.dialog("widget").is(":visible"), '.dialog({ autoOpen: false })');
el.remove();
el = $('<div></div>').dialog({ autoOpen: true });
- TestHelpers.isOpen('.dialog({ autoOpen: true })');
+ ok( el.dialog("widget").is(":visible"), '.dialog({ autoOpen: true })');
el.remove();
});
var btn, i, newButtons,
buttons = {
- "Ok": function( ev ) {
- ok(true, "button click fires callback");
- equal(this, el[0], "context of callback");
- equal(ev.target, btn[0], "event target");
+ "Ok": function( ev ) {
+ ok(true, "button click fires callback");
+ equal(this, el[0], "context of callback");
+ equal(ev.target, btn[0], "event target");
+ },
+ "Cancel": function( ev ) {
+ ok(true, "button click fires callback");
+ equal(this, el[0], "context of callback");
+ equal(ev.target, btn[1], "event target");
+ }
},
- "Cancel": function( ev ) {
- ok(true, "button click fires callback");
- equal(this, el[0], "context of callback");
- equal(ev.target, btn[1], "event target");
- }
- };
+ el = $('<div></div>').dialog({ buttons: buttons });
- el = $('<div></div>').dialog({ buttons: buttons });
- btn = $("button", dlg());
+ btn = $("button", el.dialog('widget'));
equal(btn.length, 2, "number of buttons");
i = 0;
el.dialog("option", "buttons", newButtons);
deepEqual(el.dialog("option", "buttons"), newButtons, '.dialog("option", "buttons", ...) setter');
- btn = $("button", dlg());
+ btn = $("button", el.dialog('widget'));
equal(btn.length, 1, "number of buttons after setter");
btn.trigger('click');
});
el.dialog("option", "buttons", null);
- btn = $("button", dlg());
+ btn = $("button", el.dialog('widget'));
equal(btn.length, 0, "all buttons have been removed");
equal(el.find(".ui-dialog-buttonset").length, 0, "buttonset has been removed");
equal(el.parent().hasClass('ui-dialog-buttons'), false, "dialog wrapper removes class about having buttons");
test("buttons - advanced", function() {
expect(5);
- el = $("<div></div>").dialog({
- buttons: [
- {
- text: "a button",
- "class": "additional-class",
- id: "my-button-id",
- click: function() {
- equal(this, el[0], "correct context");
+ var buttons,
+ el = $("<div></div>").dialog({
+ buttons: [
+ {
+ text: "a button",
+ "class": "additional-class",
+ id: "my-button-id",
+ click: function() {
+ equal(this, el[0], "correct context");
+ }
}
- }
- ]
- });
- var buttons = dlg().find("button");
+ ]
+ });
+
+ buttons = el.dialog('widget').find("button");
equal(buttons.length, 1, "correct number of buttons");
equal(buttons.attr("id"), "my-button-id", "correct id");
equal(buttons.text(), "a button", "correct label");
test("closeOnEscape", function() {
expect( 6 );
- el = $('<div></div>').dialog({ closeOnEscape: false });
+ var el = $('<div></div>').dialog({ closeOnEscape: false });
ok(true, 'closeOnEscape: false');
- ok(dlg().is(':visible') && !dlg().is(':hidden'), 'dialog is open before ESC');
+ ok(el.dialog('widget').is(':visible') && !el.dialog('widget').is(':hidden'), 'dialog is open before ESC');
el.simulate('keydown', { keyCode: $.ui.keyCode.ESCAPE })
.simulate('keypress', { keyCode: $.ui.keyCode.ESCAPE })
.simulate('keyup', { keyCode: $.ui.keyCode.ESCAPE });
- ok(dlg().is(':visible') && !dlg().is(':hidden'), 'dialog is open after ESC');
+ ok(el.dialog('widget').is(':visible') && !el.dialog('widget').is(':hidden'), 'dialog is open after ESC');
el.remove();
el = $('<div></div>').dialog({ closeOnEscape: true });
ok(true, 'closeOnEscape: true');
- ok(dlg().is(':visible') && !dlg().is(':hidden'), 'dialog is open before ESC');
+ ok(el.dialog('widget').is(':visible') && !el.dialog('widget').is(':hidden'), 'dialog is open before ESC');
el.simulate('keydown', { keyCode: $.ui.keyCode.ESCAPE })
.simulate('keypress', { keyCode: $.ui.keyCode.ESCAPE })
.simulate('keyup', { keyCode: $.ui.keyCode.ESCAPE });
- ok(dlg().is(':hidden') && !dlg().is(':visible'), 'dialog is closed after ESC');
+ ok(el.dialog('widget').is(':hidden') && !el.dialog('widget').is(':visible'), 'dialog is closed after ESC');
});
test("closeText", function() {
expect(3);
- el = $('<div></div>').dialog();
- equal(dlg().find('.ui-dialog-titlebar-close span').text(), 'close',
+ var el = $('<div></div>').dialog();
+ equal(el.dialog('widget').find('.ui-dialog-titlebar-close span').text(), 'close',
'default close text');
el.remove();
el = $('<div></div>').dialog({ closeText: "foo" });
- equal(dlg().find('.ui-dialog-titlebar-close span').text(), 'foo',
+ equal(el.dialog('widget').find('.ui-dialog-titlebar-close span').text(), 'foo',
'closeText on init');
el.remove();
el = $('<div></div>').dialog().dialog('option', 'closeText', 'bar');
- equal(dlg().find('.ui-dialog-titlebar-close span').text(), 'bar',
+ equal(el.dialog('widget').find('.ui-dialog-titlebar-close span').text(), 'bar',
'closeText via option method');
el.remove();
});
test("dialogClass", function() {
expect(4);
- el = $('<div></div>').dialog();
- equal(dlg().is(".foo"), false, 'dialogClass not specified. foo class added');
+ var el = $('<div></div>').dialog();
+ equal(el.dialog('widget').is(".foo"), false, 'dialogClass not specified. foo class added');
el.remove();
el = $('<div></div>').dialog({ dialogClass: "foo" });
- equal(dlg().is(".foo"), true, 'dialogClass in init. foo class added');
+ equal(el.dialog('widget').is(".foo"), true, 'dialogClass in init. foo class added');
el.remove();
el = $('<div></div>').dialog({ dialogClass: "foo bar" });
- equal(dlg().is(".foo"), true, 'dialogClass in init, two classes. foo class added');
- equal(dlg().is(".bar"), true, 'dialogClass in init, two classes. bar class added');
+ equal(el.dialog('widget').is(".foo"), true, 'dialogClass in init, two classes. foo class added');
+ equal(el.dialog('widget').is(".bar"), true, 'dialogClass in init, two classes. bar class added');
el.remove();
});
test("draggable", function() {
expect(4);
- el = $('<div></div>').dialog({ draggable: false });
- TestHelpers.shouldnotmove();
+ var el = $('<div></div>').dialog({ draggable: false });
+
+ TestHelpers.dialog.testDrag(el, 50, -50, 0, 0);
el.dialog('option', 'draggable', true);
- TestHelpers.shouldmove();
+ TestHelpers.dialog.testDrag(el, 50, -50, 50, -50);
el.remove();
el = $('<div></div>').dialog({ draggable: true });
- TestHelpers.shouldmove();
+ TestHelpers.dialog.testDrag(el, 50, -50, 50, -50);
el.dialog('option', 'draggable', false);
- TestHelpers.shouldnotmove();
+ TestHelpers.dialog.testDrag(el, 50, -50, 0, 0);
el.remove();
});
test("height", function() {
expect(4);
- el = $('<div></div>').dialog();
- equal(dlg().outerHeight(), 150, "default height");
+ var el = $('<div></div>').dialog();
+ equal(el.dialog('widget').outerHeight(), 150, "default height");
el.remove();
el = $('<div></div>').dialog({ height: 237 });
- equal(dlg().outerHeight(), 237, "explicit height");
+ equal(el.dialog('widget').outerHeight(), 237, "explicit height");
el.remove();
el = $('<div></div>').dialog();
el.dialog('option', 'height', 238);
- equal(dlg().outerHeight(), 238, "explicit height set after init");
+ equal(el.dialog('widget').outerHeight(), 238, "explicit height set after init");
el.remove();
el = $('<div></div>').css("padding", "20px")
.dialog({ height: 240 });
- equal(dlg().outerHeight(), 240, "explicit height with padding");
+ equal(el.dialog('widget').outerHeight(), 240, "explicit height with padding");
el.remove();
});
test("maxHeight", function() {
expect(3);
- el = $('<div></div>').dialog({ maxHeight: 200 });
- drag('.ui-resizable-s', 1000, 1000);
- equal(heightAfter, 200, "maxHeight");
+ var el = $('<div></div>').dialog({ maxHeight: 200 });
+ TestHelpers.dialog.drag(el, '.ui-resizable-s', 1000, 1000);
+ equal(el.dialog('widget').height(), 200, "maxHeight");
el.remove();
el = $('<div></div>').dialog({ maxHeight: 200 });
- drag('.ui-resizable-n', -1000, -1000);
- equal(heightAfter, 200, "maxHeight");
+ TestHelpers.dialog.drag(el, '.ui-resizable-n', -1000, -1000);
+ equal(el.dialog('widget').height(), 200, "maxHeight");
el.remove();
el = $('<div></div>').dialog({ maxHeight: 200 }).dialog('option', 'maxHeight', 300);
- drag('.ui-resizable-s', 1000, 1000);
- equal(heightAfter, 300, "maxHeight");
+ TestHelpers.dialog.drag(el, '.ui-resizable-s', 1000, 1000);
+ equal(el.dialog('widget').height(), 300, "maxHeight");
el.remove();
});
test("maxWidth", function() {
expect(3);
- el = $('<div></div>').dialog({ maxWidth: 200 });
- drag('.ui-resizable-e', 1000, 1000);
- equal(widthAfter, 200, "maxWidth");
+ var el = $('<div></div>').dialog({ maxWidth: 200 });
+ TestHelpers.dialog.drag(el, '.ui-resizable-e', 1000, 1000);
+ equal(el.dialog('widget').width(), 200, "maxWidth");
el.remove();
el = $('<div></div>').dialog({ maxWidth: 200 });
- drag('.ui-resizable-w', -1000, -1000);
- equal(widthAfter, 200, "maxWidth");
+ TestHelpers.dialog.drag(el, '.ui-resizable-w', -1000, -1000);
+ equal(el.dialog('widget').width(), 200, "maxWidth");
el.remove();
el = $('<div></div>').dialog({ maxWidth: 200 }).dialog('option', 'maxWidth', 300);
- drag('.ui-resizable-w', -1000, -1000);
- equal(widthAfter, 300, "maxWidth");
+ TestHelpers.dialog.drag(el, '.ui-resizable-w', -1000, -1000);
+ equal(el.dialog('widget').width(), 300, "maxWidth");
el.remove();
});
test("minHeight", function() {
expect(3);
- el = $('<div></div>').dialog({ minHeight: 10 });
- drag('.ui-resizable-s', -1000, -1000);
- equal(heightAfter, 10, "minHeight");
+ var el = $('<div></div>').dialog({ minHeight: 10 });
+ TestHelpers.dialog.drag(el, '.ui-resizable-s', -1000, -1000);
+ equal(el.dialog('widget').height(), 10, "minHeight");
el.remove();
el = $('<div></div>').dialog({ minHeight: 10 });
- drag('.ui-resizable-n', 1000, 1000);
- equal(heightAfter, 10, "minHeight");
+ TestHelpers.dialog.drag(el, '.ui-resizable-n', 1000, 1000);
+ equal(el.dialog('widget').height(), 10, "minHeight");
el.remove();
el = $('<div></div>').dialog({ minHeight: 10 }).dialog('option', 'minHeight', 30);
- drag('.ui-resizable-n', 1000, 1000);
- equal(heightAfter, 30, "minHeight");
+ TestHelpers.dialog.drag(el, '.ui-resizable-n', 1000, 1000);
+ equal(el.dialog('widget').height(), 30, "minHeight");
el.remove();
});
test("minWidth", function() {
expect(3);
- el = $('<div></div>').dialog({ minWidth: 10 });
- drag('.ui-resizable-e', -1000, -1000);
- equal(widthAfter, 10, "minWidth");
+ var el = $('<div></div>').dialog({ minWidth: 10 });
+ TestHelpers.dialog.drag(el, '.ui-resizable-e', -1000, -1000);
+ equal(el.dialog('widget').width(), 10, "minWidth");
el.remove();
el = $('<div></div>').dialog({ minWidth: 10 });
- drag('.ui-resizable-w', 1000, 1000);
- equal(widthAfter, 10, "minWidth");
+ TestHelpers.dialog.drag(el, '.ui-resizable-w', 1000, 1000);
+ equal(el.dialog('widget').width(), 10, "minWidth");
el.remove();
el = $('<div></div>').dialog({ minWidth: 30 }).dialog('option', 'minWidth', 30);
- drag('.ui-resizable-w', 1000, 1000);
- equal(widthAfter, 30, "minWidth");
+ TestHelpers.dialog.drag(el, '.ui-resizable-w', 1000, 1000);
+ equal(el.dialog('widget').width(), 30, "minWidth");
el.remove();
});
test("resizable", function() {
expect(4);
- el = $('<div></div>').dialog();
- TestHelpers.shouldresize("[default]");
+ var el = $('<div></div>').dialog();
+ TestHelpers.dialog.shouldResize(el, 50, 50, "[default]");
el.dialog('option', 'resizable', false);
- TestHelpers.shouldnotresize('disabled after init');
+ TestHelpers.dialog.shouldResize(el, 0, 0, 'disabled after init');
el.remove();
el = $('<div></div>').dialog({ resizable: false });
- TestHelpers.shouldnotresize("disabled in init options");
+ TestHelpers.dialog.shouldResize(el, 0, 0, "disabled in init options");
el.dialog('option', 'resizable', true);
- TestHelpers.shouldresize('enabled after init');
+ TestHelpers.dialog.shouldResize(el, 50, 50, 'enabled after init');
el.remove();
});
expect(9);
function titleText() {
- return dlg().find(".ui-dialog-title").html();
+ return el.dialog('widget').find(".ui-dialog-title").html();
}
- el = $('<div></div>').dialog();
+ var el = $('<div></div>').dialog();
// some browsers return a non-breaking space and some return " "
// so we get the text to normalize to the actual non-breaking space
- equal(dlg().find(".ui-dialog-title").text(), " ", "[default]");
+ equal(el.dialog('widget').find(".ui-dialog-title").text(), " ", "[default]");
equal(el.dialog("option", "title"), "", "option not changed");
el.remove();
test("width", function() {
expect(3);
- el = $('<div></div>').dialog();
- equal(dlg().width(), 300, "default width");
+ var el = $('<div></div>').dialog();
+ equal(el.dialog('widget').width(), 300, "default width");
el.remove();
el = $('<div></div>').dialog({width: 437 });
- equal(dlg().width(), 437, "explicit width");
+ equal(el.dialog('widget').width(), 437, "explicit width");
el.dialog('option', 'width', 438);
- equal(dlg().width(), 438, 'explicit width after init');
+ equal(el.dialog('widget').width(), 438, 'explicit width after init');
el.remove();
});
--- /dev/null
+TestHelpers.dialog = {
+ drag: function(el, handle, dx, dy) {
+ var d = el.dialog('widget');
+ //this mouseover is to work around a limitation in resizable
+ //TODO: fix resizable so handle doesn't require mouseover in order to be used
+ $(handle, d).simulate("mouseover");
+ $(handle, d).simulate("drag", {
+ dx: dx || 0,
+ dy: dy || 0
+ });
+ },
+ testDrag: function(el, dx, dy, expectedDX, expectedDY, msg) {
+ var actual, expected, offsetAfter,
+ d = el.dialog('widget'),
+ handle = $(".ui-dialog-titlebar", d),
+ offsetBefore = d.offset();
+
+ TestHelpers.dialog.drag(el, handle, dx, dy);
+
+ offsetAfter = d.offset();
+
+ msg = msg ? msg + "." : "";
+
+ actual = { left: Math.round(offsetAfter.left), top: Math.round(offsetAfter.top) },
+ expected = { left: Math.round(offsetBefore.left + expectedDX), top: Math.round(offsetBefore.top + expectedDY) };
+ deepEqual(actual, expected, 'dragged[' + expectedDX + ', ' + expectedDY + '] ' + msg);
+ },
+ shouldResize: function(el, dw, dh, msg) {
+ var heightAfter, widthAfter, actual, expected,
+ d = el.dialog('widget'),
+ handle = $(".ui-resizable-se", d),
+ heightBefore = d.height(),
+ widthBefore = d.width();
+
+ TestHelpers.dialog.drag(el, handle, 50, 50);
+
+ heightAfter = d.height();
+ widthAfter = d.width();
+
+ msg = msg ? msg + "." : "";
+ actual = { width: widthAfter, height: heightAfter },
+ expected = { width: widthBefore + dw, height: heightBefore + dh };
+ deepEqual(actual, expected, 'resized[' + 50 + ', ' + 50 + '] ' + msg);
+ }
+};
\ No newline at end of file
test("#4826: setting resizable false toggles resizable on dialog", function() {
expect(6);
- var i;
+ var i,
+ el = $('<div></div>').dialog({ resizable: false });
- el = $('<div></div>').dialog({ resizable: false });
- TestHelpers.shouldnotresize("[default]");
+ TestHelpers.dialog.shouldResize(el, 0, 0, "[default]");
for (i=0; i<2; i++) {
el.dialog('close').dialog('open');
- TestHelpers.shouldnotresize('initialized with resizable false toggle ('+ (i+1) +')');
+ TestHelpers.dialog.shouldResize(el, 0, 0, 'initialized with resizable false toggle ('+ (i+1) +')');
}
el.remove();
el = $('<div></div>').dialog({ resizable: true });
- TestHelpers.shouldresize("[default]");
+ TestHelpers.dialog.shouldResize(el, 50, 50, "[default]");
for (i=0; i<2; i++) {
el.dialog('close').dialog('option', 'resizable', false).dialog('open');
- TestHelpers.shouldnotresize('set option resizable false toggle ('+ (i+1) +')');
+ TestHelpers.dialog.shouldResize(el, 0, 0, 'set option resizable false toggle ('+ (i+1) +')');
}
el.remove();
test("#5184: isOpen in dialogclose event is true", function() {
expect( 3 );
- el = $( "<div></div>" ).dialog({
- close: function() {
- ok( !el.dialog("isOpen"), "dialog is not open during close" );
- }
- });
+ var el = $( "<div></div>" ).dialog({
+ close: function() {
+ ok( !el.dialog("isOpen"), "dialog is not open during close" );
+ }
+ });
ok( el.dialog("isOpen"), "dialog is open after init" );
el.dialog( "close" );
ok( !el.dialog("isOpen"), "dialog is not open after close" );
test("#5531: dialog width should be at least minWidth on creation", function () {
expect( 4 );
- el = $('<div></div>').dialog({
+ var el = $('<div></div>').dialog({
width: 200,
minWidth: 300
});
test("#6137: dialog('open') causes form elements to reset on IE7", function() {
expect(2);
- d1 = $('<form><input type="radio" name="radio" id="a" value="a" checked="checked"></input>' +
+ var d1 = $('<form><input type="radio" name="radio" id="a" value="a" checked="checked"></input>' +
'<input type="radio" name="radio" id="b" value="b">b</input></form>').appendTo( "body" ).dialog({autoOpen: false});
d1.find('#b').prop( "checked", true );
test("#6645: Missing element not found check in overlay", function(){
expect(2);
- d1 = $('<div title="dialog 1">Dialog 1</div>').dialog({modal: true});
- d2 = $('<div title="dialog 2">Dialog 2</div>').dialog({modal: true, close: function(){ d2.remove(); }});
+ var d1 = $('<div title="dialog 1">Dialog 1</div>').dialog({modal: true}),
+ d2 = $('<div title="dialog 2">Dialog 2</div>').dialog({modal: true, close: function(){ d2.remove(); }});
+
equal($.ui.dialog.overlay.instances.length, 2, 'two overlays created');
d2.dialog('close');
equal($.ui.dialog.overlay.instances.length, 1, 'one overlay remains after closing the 2nd overlay');
test("#4980: Destroy should place element back in original DOM position", function(){
expect( 2 );
- container = $('<div id="container"><div id="modal">Content</div></div>');
- modal = container.find('#modal');
+ var container = $('<div id="container"><div id="modal">Content</div></div>'),
+ modal = container.find('#modal');
modal.dialog();
ok(!$.contains(container[0], modal[0]), 'dialog should move modal element to outside container element');
modal.dialog('destroy');
<script src="draggable_events.js"></script>
<script src="draggable_methods.js"></script>
<script src="draggable_options.js"></script>
+ <script src="draggable_test_helpers.js"></script>
<script src="../swarminject.js"></script>
</head>
* draggable_core.js
*/
-TestHelpers.draggable = {};
-
-// todo: remove these hacks
-TestHelpers.draggable.unreliableOffset = $.ui.ie && ( !document.documentMode || document.documentMode < 8 ) ? 2 : 0;
-
-TestHelpers.draggable.drag = function(handle, dx, dy) {
- $(handle).simulate("drag", {
- dx: dx || 0,
- dy: dy || 0
- });
- return el.offset();
-};
-
-TestHelpers.draggable.testDrag = function(el, handle, dx, dy, expectedDX, expectedDY, msg) {
-
- var offsetBefore = el.offset(),
- offsetAfter = TestHelpers.draggable.drag(handle, dx, dy),
- actual = { left: offsetAfter.left, top: offsetAfter.top },
- expected = { left: offsetBefore.left + expectedDX, top: offsetBefore.top + expectedDY };
-
- msg = msg ? msg + "." : "";
- deepEqual(actual, expected, 'dragged[' + dx + ', ' + dy + '] ' + msg);
-};
-
-TestHelpers.draggable.shouldMove = function(el, why) {
- TestHelpers.draggable.testDrag(el, el, 50, 50, 50, 50, why);
-};
-
-TestHelpers.draggable.shouldNotMove = function(el, why) {
- TestHelpers.draggable.testDrag(el, el, 50, 50, 0, 0, why);
-};
-
-TestHelpers.draggable.testScroll = function(el, position ) {
- var oldPosition = $("#main").css('position');
- $("#main").css('position', position);
- TestHelpers.draggable.shouldMove(el, position+' parent');
- $("#main").css('position', oldPosition);
-};
-
-TestHelpers.draggable.restoreScroll = function( what ) {
- if( what ) {
- $(document).scrollTop(0); $(document).scrollLeft(0);
- } else {
- $("#main").scrollTop(0); $("#main").scrollLeft(0);
- }
-};
-
-TestHelpers.draggable.setScroll = function( what ) {
- if(what) {
- // todo: currently, the draggable interaction doesn't properly account for scrolled pages,
- // uncomment the line below to make the tests fail that should when the page is scrolled
- // $(document).scrollTop(100); $(document).scrollLeft(100);
- } else {
- $("#main").scrollTop(100); $("#main").scrollLeft(100);
- }
-};
-
-TestHelpers.draggable.border = function(el, side) {
- return parseInt(el.css('border-' + side + '-width'), 10) || 0;
-};
-TestHelpers.draggable.margin = function(el, side) {
- return parseInt(el.css('margin-' + side), 10) || 0;
-};
-
(function($) {
module("draggable");
expect( typeNames.length );
$.each(typeNames, function(i) {
- var offsetBefore, offsetAfter, typeName = typeNames[i];
- el = $(document.createElement(typeName)).appendTo('#main');
+ var offsetBefore, offsetAfter,
+ typeName = typeNames[i],
+ el = $(document.createElement(typeName)).appendTo('#main');
+
(typeName === 'table' && el.append("<tr><td>content</td></tr>"));
el.draggable({ cancel: '' });
offsetBefore = el.offset();
- offsetAfter =TestHelpers.draggable.drag(el, 50, 50);
+ TestHelpers.draggable.drag(el, 50, 50);
+ offsetAfter = el.offset();
//there are some rounding errors in FF and Chrome, so we can't say equal, we have to settle for close enough
ok(offsetAfter.left - offsetBefore.left - 50 < 1 && offsetAfter.top - offsetBefore.top - 50 < 1, 'dragged[50, 50] ' + "<" + typeName + ">");
el.draggable("destroy");
test("No options, relative", function() {
expect( 1 );
- el = $("#draggable1").draggable();
+ var el = $("#draggable1").draggable();
TestHelpers.draggable.shouldMove(el);
});
test("No options, absolute", function() {
expect( 1 );
- el = $("#draggable2").draggable();
+ var el = $("#draggable2").draggable();
TestHelpers.draggable.shouldMove(el);
});
expect(3);
- var start = 0, stop = 0, dragc = 0;
- el = $("#draggable2").draggable({
- start: function() { start++; },
- drag: function() { dragc++; },
- stop: function() { stop++; }
- });
+ var start = 0,
+ stop = 0,
+ dragc = 0,
+ el = $("#draggable2").draggable({
+ start: function() { start++; },
+ drag: function() { dragc++; },
+ stop: function() { stop++; }
+ });
TestHelpers.draggable.drag(el, 10, 10);
expect(3);
- var start = 0, stop = 0, dragc = 0;
- el = $("#draggable2").draggable({
- start: function() { start++; return false; },
- drag: function() { dragc++; },
- stop: function() { stop++; }
- });
+ var start = 0,
+ stop = 0,
+ dragc = 0,
+ el = $("#draggable2").draggable({
+ start: function() { start++; return false; },
+ drag: function() { dragc++; },
+ stop: function() { stop++; }
+ });
TestHelpers.draggable.drag(el, 10, 10);
expect(3);
- var start = 0, stop = 0, dragc = 0;
- el = $("#draggable2").draggable({
- start: function() { start++;},
- drag: function() { dragc++; return false; },
- stop: function() { stop++; }
- });
+ var start = 0,
+ stop = 0,
+ dragc = 0,
+ el = $("#draggable2").draggable({
+ start: function() { start++;},
+ drag: function() { dragc++; return false; },
+ stop: function() { stop++; }
+ });
TestHelpers.draggable.drag(el, 10, 10);
expect(1);
- el = $("#draggable2").draggable({
+ var el = $("#draggable2").draggable({
helper: 'clone',
stop: function() { return false; }
});
test("enable", function() {
expect(7);
+
+ var expected, actual, el;
+
el = $("#draggable2").draggable({ disabled: true });
TestHelpers.draggable.shouldNotMove(el, '.draggable({ disabled: true })');
equal(el.draggable("option", "disabled"), false, "disabled option setter");
TestHelpers.draggable.shouldMove(el, '.draggable("option", "disabled", false)');
- var expected = $('<div></div>').draggable(),
- actual = expected.draggable('enable');
+ expected = $('<div></div>').draggable(),
+ actual = expected.draggable('enable');
equal(actual, expected, 'enable is chainable');
});
test("disable", function() {
expect(7);
+
+ var expected, actual, el;
+
el = $("#draggable2").draggable({ disabled: false });
TestHelpers.draggable.shouldMove(el, '.draggable({ disabled: false })');
equal(el.draggable("option", "disabled"), true, "disabled option setter");
TestHelpers.draggable.shouldNotMove(el, '.draggable("option", "disabled", true)');
- var expected = $('<div></div>').draggable(),
- actual = expected.draggable('disable');
+ expected = $('<div></div>').draggable(),
+ actual = expected.draggable('disable');
equal(actual, expected, 'disable is chainable');
});
test("{ addClasses: true }, default", function() {
expect( 1 );
- el = $("<div></div>").draggable({ addClasses: true });
+ var el = $("<div></div>").draggable({ addClasses: true });
ok(el.is(".ui-draggable"), "'ui-draggable' class added");
el.draggable("destroy");
test("{ addClasses: false }", function() {
expect( 1 );
- el = $("<div></div>").draggable({ addClasses: false });
+ var el = $("<div></div>").draggable({ addClasses: false });
ok(!el.is(".ui-draggable"), "'ui-draggable' class not added");
el.draggable("destroy");
test("{ appendTo: 'parent' }, default", function() {
expect( 2 );
- el = $("#draggable2").draggable({ appendTo: 'parent' });
+ var el = $("#draggable2").draggable({ appendTo: 'parent' });
TestHelpers.draggable.shouldMove(el);
el = $("#draggable1").draggable({ appendTo: 'parent' });
test("{ appendTo: Element }", function() {
expect( 2 );
- el = $("#draggable2").draggable({ appendTo: $("#draggable2").parent()[0] });
+ var el = $("#draggable2").draggable({ appendTo: $("#draggable2").parent()[0] });
TestHelpers.draggable.shouldMove(el);
el = $("#draggable1").draggable({ appendTo: $("#draggable2").parent()[0] });
test("{ appendTo: Selector }", function() {
expect( 2 );
- el = $("#draggable2").draggable({ appendTo: "#main" });
+ var el = $("#draggable2").draggable({ appendTo: "#main" });
TestHelpers.draggable.shouldMove(el);
el = $("#draggable1").draggable({ appendTo: "#main" });
test("{ axis: false }, default", function() {
expect( 1 );
- el = $("#draggable2").draggable({ axis: false });
+ var el = $("#draggable2").draggable({ axis: false });
TestHelpers.draggable.shouldMove(el);
});
test("{ axis: 'x' }", function() {
expect( 1 );
- el = $("#draggable2").draggable({ axis: "x" });
+ var el = $("#draggable2").draggable({ axis: "x" });
TestHelpers.draggable.testDrag(el, el, 50, 50, 50, 0);
});
test("{ axis: 'y' }", function() {
expect( 1 );
- el = $("#draggable2").draggable({ axis: "y" });
+ var el = $("#draggable2").draggable({ axis: "y" });
TestHelpers.draggable.testDrag(el, el, 50, 50, 0, 50);
});
test("{ axis: ? }, unexpected", function() {
- var unexpected = {
- "true": true,
- "{}": {},
- "[]": [],
- "null": null,
- "undefined": undefined,
- "function() {}": function() {}
- };
+ var el,
+ unexpected = {
+ "true": true,
+ "{}": {},
+ "[]": [],
+ "null": null,
+ "undefined": undefined,
+ "function() {}": function() {}
+ };
expect( 6 );
$('<div id="draggable-option-cancel-default"><input type="text"></div>').appendTo('#main');
- el = $("#draggable-option-cancel-default").draggable({ cancel: "input,textarea,button,select,option" });
+ var el = $("#draggable-option-cancel-default").draggable({ cancel: "input,textarea,button,select,option" });
TestHelpers.draggable.shouldMove(el);
el.draggable("destroy");
test("{ cancel: 'span' }", function() {
expect( 2 );
- el = $("#draggable2").draggable();
+ var el = $("#draggable2").draggable();
TestHelpers.draggable.testDrag(el, "#draggable2 span", 50, 50, 50, 50);
el.draggable("destroy");
});
test("{ cancel: ? }, unexpected", function() {
- var unexpected = {
- "true": true,
- "false": false,
- "{}": {},
- "[]": [],
- "null": null,
- "undefined": undefined,
- "function() {return '';}": function() {return '';},
- "function() {return true;}": function() {return true;},
- "function() {return false;}": function() {return false;}
- };
+ var el,
+ unexpected = {
+ "true": true,
+ "false": false,
+ "{}": {},
+ "[]": [],
+ "null": null,
+ "undefined": undefined,
+ "function() {return '';}": function() {return '';},
+ "function() {return true;}": function() {return true;},
+ "function() {return false;}": function() {return false;}
+ };
expect( 9 );
test("{ containment: 'parent' }, relative", function() {
expect( 1 );
- el = $("#draggable1").draggable({ containment: 'parent' });
- var p = el.parent(),
+ var offsetAfter,
+ el = $("#draggable1").draggable({ containment: 'parent' }),
+ p = el.parent(),
po = p.offset(),
expected = {
left: po.left + TestHelpers.draggable.border(p, 'left') + TestHelpers.draggable.margin(el, 'left'),
top: po.top + TestHelpers.draggable.border(p, 'top') + TestHelpers.draggable.margin(el, 'top')
- },
- offsetAfter = TestHelpers.draggable.drag(el, -100, -100);
+ };
+ TestHelpers.draggable.drag(el, -100, -100);
+ offsetAfter = el.offset();
deepEqual(offsetAfter, expected, 'compare offset to parent');
});
test("{ containment: 'parent' }, absolute", function() {
expect( 1 );
- el = $("#draggable2").draggable({ containment: 'parent' });
- var p = el.parent(),
+ var offsetAfter,
+ el = $("#draggable2").draggable({ containment: 'parent' }),
+ p = el.parent(),
po = p.offset(),
expected = {
left: po.left + TestHelpers.draggable.border(p, 'left') + TestHelpers.draggable.margin(el, 'left'),
top: po.top + TestHelpers.draggable.border(p, 'top') + TestHelpers.draggable.margin(el, 'top')
- },
- offsetAfter = TestHelpers.draggable.drag(el, -100, -100);
+ };
+ TestHelpers.draggable.drag(el, -100, -100);
+ offsetAfter = el.offset();
deepEqual(offsetAfter, expected, 'compare offset to parent');
});
var expected = "auto", actual, before, after;
- el = $("#draggable2").draggable({
+ $("#draggable2").draggable({
cursor: expected,
start: function() {
actual = getCursor();
var expected = "move", actual, before, after;
- el = $("#draggable2").draggable({
+ $("#draggable2").draggable({
cursor: expected,
start: function() {
actual = getCursor();
cursorAtX = -5, cursorAtY = -5;
$.each(['relative', 'absolute'], function(i, position) {
- var before, pos, expected;
- el = $('#draggable' + (i + 1)).draggable({
- cursorAt: { left: cursorAtX, top: cursorAtY },
- drag: function(event, ui) {
- equal(ui.offset.left, expected.left, position + ' left');
- equal(ui.offset.top, expected.top, position + ' top');
- }
- });
+ var before, pos, expected,
+ el = $('#draggable' + (i + 1)).draggable({
+ cursorAt: { left: cursorAtX, top: cursorAtY },
+ drag: function(event, ui) {
+ equal(ui.offset.left, expected.left, position + ' left');
+ equal(ui.offset.top, expected.top, position + ' top');
+ }
+ });
before = el.offset();
pos = {
top: before.top + offsetY - cursorAtY + deltaY - TestHelpers.draggable.unreliableOffset
};
+ // todo: replace this with simulated drag event
el.simulate("mousedown", pos);
pos.clientX += deltaX;
pos.clientY += deltaY;
cursorAtX = 10, cursorAtY = 20;
$.each(['relative', 'absolute'], function(i, position) {
- var before, pos, expected;
- el = $('#draggable' + (i + 1)).draggable({
- cursorAt: { right: cursorAtX, bottom: cursorAtY },
- drag: function(event, ui) {
- equal(ui.offset.left, expected.left, position + ' left');
- equal(ui.offset.top, expected.top, position + ' top');
- }
- });
+ var before, pos, expected,
+ el = $('#draggable' + (i + 1)).draggable({
+ cursorAt: { right: cursorAtX, bottom: cursorAtY },
+ drag: function(event, ui) {
+ equal(ui.offset.left, expected.left, position + ' left');
+ equal(ui.offset.top, expected.top, position + ' top');
+ }
+ });
before = el.offset();
pos = {
clientX: before.left + offsetX,
top: before.top + offsetY - el.height() + cursorAtY + deltaY - TestHelpers.draggable.unreliableOffset
};
+ // todo: replace this with simulated drag event
el.simulate("mousedown", pos);
pos.clientX += deltaX;
pos.clientY += deltaY;
cursorAtX = 10, cursorAtY = 20;
$.each(['relative', 'absolute'], function(i, position) {
- var before, pos, expected;
- el = $('#draggable' + (i + 1)).draggable({
- cursorAt: { left: cursorAtX, top: cursorAtY },
- drag: function(event, ui) {
- equal(ui.offset.left, expected.left, position + ' left');
- equal(ui.offset.top, expected.top, position + ' top');
- }
- });
+ var before, pos, expected,
+ el = $('#draggable' + (i + 1)).draggable({
+ cursorAt: { left: cursorAtX, top: cursorAtY },
+ drag: function(event, ui) {
+ equal(ui.offset.left, expected.left, position + ' left');
+ equal(ui.offset.top, expected.top, position + ' top');
+ }
+ });
+
before = el.offset();
pos = {
clientX: before.left + offsetX,
top: before.top + offsetY - cursorAtY + deltaY - TestHelpers.draggable.unreliableOffset
};
+ // todo: replace this with simulated drag event
el.simulate("mousedown", pos);
pos.clientX += deltaX;
pos.clientY += deltaY;
cursorAtX = 20, cursorAtY = 40;
$.each(['relative', 'absolute'], function(i, position) {
- var before, pos, expected;
- el = $('#draggable' + (i + 1)).draggable({
- cursorAt: { left: cursorAtX, top: cursorAtY },
- drag: function(event, ui) {
- equal(ui.offset.left, expected.left, position + ' left');
- equal(ui.offset.top, expected.top, position + ' top');
- }
- });
+ var before, pos, expected,
+ el = $('#draggable' + (i + 1)).draggable({
+ cursorAt: { left: cursorAtX, top: cursorAtY },
+ drag: function(event, ui) {
+ equal(ui.offset.left, expected.left, position + ' left');
+ equal(ui.offset.top, expected.top, position + ' top');
+ }
+ });
+
before = el.offset();
pos = {
clientX: before.left + offsetX,
top: before.top + offsetY - cursorAtY + deltaY - TestHelpers.draggable.unreliableOffset
};
+ // todo: replace this with simulated drag event
el.simulate("mousedown", pos);
pos.clientX += deltaX;
pos.clientY += deltaY;
test("{ distance: 10 }", function() {
expect( 3 );
- el = $("#draggable2").draggable({ distance: 10 });
+ var el = $("#draggable2").draggable({ distance: 10 });
TestHelpers.draggable.testDrag(el, el, -9, -9, 0, 0, 'distance not met');
TestHelpers.draggable.testDrag(el, el, -10, -10, -10, -10, 'distance met');
test("{ grid: [50, 50] }, relative", function() {
expect( 2 );
- el = $("#draggable1").draggable({ grid: [50, 50] });
+ var el = $("#draggable1").draggable({ grid: [50, 50] });
TestHelpers.draggable.testDrag(el, el, 24, 24, 0, 0);
TestHelpers.draggable.testDrag(el, el, 26, 25, 50, 50);
});
test("{ grid: [50, 50] }, absolute", function() {
expect( 2 );
- el = $("#draggable2").draggable({ grid: [50, 50] });
+ var el = $("#draggable2").draggable({ grid: [50, 50] });
TestHelpers.draggable.testDrag(el, el, 24, 24, 0, 0);
TestHelpers.draggable.testDrag(el, el, 26, 25, 50, 50);
});
test("{ handle: 'span' }", function() {
expect( 2 );
- el = $("#draggable2").draggable({ handle: 'span' });
+ var el = $("#draggable2").draggable({ handle: 'span' });
TestHelpers.draggable.testDrag(el, "#draggable2 span", 50, 50, 50, 50, "drag span");
TestHelpers.draggable.shouldNotMove(el, "drag element");
test("{ helper: 'clone' }, relative", function() {
expect( 1 );
- el = $("#draggable1").draggable({ helper: "clone" });
+ var el = $("#draggable1").draggable({ helper: "clone" });
TestHelpers.draggable.shouldNotMove(el);
});
test("{ helper: 'clone' }, absolute", function() {
expect( 1 );
- el = $("#draggable2").draggable({ helper: "clone" });
+ var el = $("#draggable2").draggable({ helper: "clone" });
TestHelpers.draggable.shouldNotMove(el);
});
test("{ helper: 'original' }, relative, with scroll offset on parent", function() {
expect( 3 );
- el = $("#draggable1").draggable({ helper: "original" });
+ var el = $("#draggable1").draggable({ helper: "original" });
TestHelpers.draggable.setScroll();
TestHelpers.draggable.testScroll(el, 'relative');
test("{ helper: 'original' }, relative, with scroll offset on root", function() {
expect( 3 );
- el = $("#draggable1").draggable({ helper: "original" });
+ var el = $("#draggable1").draggable({ helper: "original" });
TestHelpers.draggable.setScroll('root');
TestHelpers.draggable.testScroll(el, 'relative');
expect(3);
- el = $("#draggable1").draggable({ helper: "original" });
+ var el = $("#draggable1").draggable({ helper: "original" });
TestHelpers.draggable.setScroll();
TestHelpers.draggable.setScroll('root');
expect(3);
- el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
+ var el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
TestHelpers.draggable.setScroll();
TestHelpers.draggable.testScroll(el, 'relative');
expect(3);
- el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
+ var el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
TestHelpers.draggable.setScroll('root');
TestHelpers.draggable.testScroll(el, 'relative');
expect(3);
- el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
+ var el = $("#draggable1").css({ position: 'absolute', top: 0, left: 0 }).draggable({ helper: "original" });
TestHelpers.draggable.setScroll();
TestHelpers.draggable.setScroll('root');
expect(3);
- el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
+ var el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
TestHelpers.draggable.setScroll();
TestHelpers.draggable.testScroll(el, 'relative');
expect(3);
- el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
+ var el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
TestHelpers.draggable.setScroll('root');
TestHelpers.draggable.testScroll(el, 'relative');
expect(3);
- el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
+ var el = $("#draggable1").css({ position: 'fixed', top: 0, left: 0 }).draggable({ helper: "original" });
TestHelpers.draggable.setScroll();
TestHelpers.draggable.setScroll('root');
expect(1);
var helperOffset = null,
- origOffset = $("#draggable1").offset();
-
- el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
- helperOffset = ui.helper.offset();
- } });
+ origOffset = $("#draggable1").offset(),
+ el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
+ helperOffset = ui.helper.offset();
+ } });
TestHelpers.draggable.drag(el, 1, 1);
deepEqual({ top: helperOffset.top-1, left: helperOffset.left-1 }, origOffset, 'dragged[1, 1] ');
TestHelpers.draggable.setScroll();
var helperOffset = null,
- origOffset = null;
-
- el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
- helperOffset = ui.helper.offset();
- } });
+ origOffset = null,
+ el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
+ helperOffset = ui.helper.offset();
+ } });
$("#main").css('position', 'relative');
origOffset = $("#draggable1").offset();
TestHelpers.draggable.setScroll('root');
var helperOffset = null,
- origOffset = null;
-
- el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
- helperOffset = ui.helper.offset();
- } });
+ origOffset = null,
+ el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
+ helperOffset = ui.helper.offset();
+ } });
$("#main").css('position', 'relative');
origOffset = $("#draggable1").offset();
TestHelpers.draggable.setScroll('root');
TestHelpers.draggable.setScroll();
- var helperOffset = null,
- origOffset = null;
- el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
- helperOffset = ui.helper.offset();
- } });
+ var helperOffset = null,
+ origOffset = null,
+ el = $("#draggable1").draggable({ helper: "clone", drag: function(event, ui) {
+ helperOffset = ui.helper.offset();
+ } });
$("#main").css('position', 'relative');
origOffset = $("#draggable1").offset();
expect(1);
var opacity = null;
- el = $("#draggable2").draggable({
+
+ $("#draggable2").draggable({
opacity: 0.5,
start: function() {
opacity = $(this).css("opacity");
var actual,
expected = 10;
- el = $("#draggable2").draggable({
+ $("#draggable2").draggable({
zIndex: expected,
start: function() {
actual = $(this).css("zIndex");
--- /dev/null
+TestHelpers.draggable = {
+ // todo: remove the unreliable offset hacks
+ unreliableOffset: $.ui.ie && ( !document.documentMode || document.documentMode < 8 ) ? 2 : 0,
+ drag: function(handle, dx, dy) {
+ $(handle).simulate("drag", {
+ dx: dx || 0,
+ dy: dy || 0
+ });
+ },
+ testDrag: function(el, handle, dx, dy, expectedDX, expectedDY, msg) {
+ var offsetAfter, actual, expected,
+ offsetBefore = el.offset();
+
+ TestHelpers.draggable.drag(handle, dx, dy);
+ offsetAfter = el.offset();
+
+ actual = { left: offsetAfter.left, top: offsetAfter.top },
+ expected = { left: offsetBefore.left + expectedDX, top: offsetBefore.top + expectedDY };
+
+ msg = msg ? msg + "." : "";
+ deepEqual(actual, expected, 'dragged[' + dx + ', ' + dy + '] ' + msg);
+ },
+ shouldMove: function(el, why) {
+ TestHelpers.draggable.testDrag(el, el, 50, 50, 50, 50, why);
+ },
+ shouldNotMove: function(el, why) {
+ TestHelpers.draggable.testDrag(el, el, 50, 50, 0, 0, why);
+ },
+ testScroll: function(el, position ) {
+ var oldPosition = $("#main").css('position');
+ $("#main").css('position', position);
+ TestHelpers.draggable.shouldMove(el, position+' parent');
+ $("#main").css('position', oldPosition);
+ },
+ restoreScroll: function( what ) {
+ if( what ) {
+ $(document).scrollTop(0); $(document).scrollLeft(0);
+ } else {
+ $("#main").scrollTop(0); $("#main").scrollLeft(0);
+ }
+ },
+ setScroll: function( what ) {
+ if(what) {
+ // todo: currently, the draggable interaction doesn't properly account for scrolled pages,
+ // uncomment the line below to make the tests fail that should when the page is scrolled
+ // $(document).scrollTop(100); $(document).scrollLeft(100);
+ } else {
+ $("#main").scrollTop(100); $("#main").scrollLeft(100);
+ }
+ },
+ border: function(el, side) {
+ return parseInt(el.css('border-' + side + '-width'), 10) || 0;
+ },
+ margin: function(el, side) {
+ return parseInt(el.css('margin-' + side), 10) || 0;
+ }
+};
\ No newline at end of file
<script src="droppable_events.js"></script>
<script src="droppable_methods.js"></script>
<script src="droppable_options.js"></script>
+ <script src="droppable_test_helpers.js"></script>
<script src="../swarminject.js"></script>
</head>
* droppable_core.js
*/
-TestHelpers.droppable = {
- shouldDrop: function() {
- // todo: actually implement this
- ok(true, 'missing test - untested code is broken code');
- },
- shouldNotDrop: function() {
- // todo: actually implement this
- ok(true, 'missing test - untested code is broken code');
- }
-};
-
(function($) {
module("droppable: core");
test("enable", function() {
expect(7);
+
+ var el, expected, actual;
+
el = $("#droppable1").droppable({ disabled: true });
TestHelpers.droppable.shouldNotDrop();
el.droppable("enable");
equal(el.droppable("option", "disabled"), false, "disabled option setter");
TestHelpers.droppable.shouldDrop();
- var expected = $('<div></div>').droppable(),
- actual = expected.droppable('enable');
+ expected = $('<div></div>').droppable(),
+ actual = expected.droppable('enable');
equal(actual, expected, 'enable is chainable');
});
test("disable", function() {
expect(7);
+
+ var el, actual, expected;
+
el = $("#droppable1").droppable({ disabled: false });
TestHelpers.droppable.shouldDrop();
el.droppable("disable");
equal(el.droppable("option", "disabled"), true, "disabled option setter");
TestHelpers.droppable.shouldNotDrop();
- var expected = $('<div></div>').droppable(),
- actual = expected.droppable('disable');
+ expected = $('<div></div>').droppable(),
+ actual = expected.droppable('disable');
equal(actual, expected, 'disable is chainable');
});
*/
test("{ addClasses: true }, default", function() {
expect( 1 );
- el = $("<div></div>").droppable({ addClasses: true });
+ var el = $("<div></div>").droppable({ addClasses: true });
ok(el.is(".ui-droppable"), "'ui-droppable' class added");
el.droppable("destroy");
});
test("{ addClasses: false }", function() {
expect( 1 );
- el = $("<div></div>").droppable({ addClasses: false });
+ var el = $("<div></div>").droppable({ addClasses: false });
ok(!el.is(".ui-droppable"), "'ui-droppable' class not added");
el.droppable("destroy");
});
--- /dev/null
+TestHelpers.droppable = {
+ shouldDrop: function() {
+ // todo: actually implement this
+ ok(true, 'missing test - untested code is broken code');
+ },
+ shouldNotDrop: function() {
+ // todo: actually implement this
+ ok(true, 'missing test - untested code is broken code');
+ }
+};
\ No newline at end of file
<script src="resizable_events.js"></script>
<script src="resizable_methods.js"></script>
<script src="resizable_options.js"></script>
+ <script src="resizable_test_helpers.js"></script>
<script src="../swarminject.js"></script>
</head>
* resizable_core.js
*/
-TestHelpers.resizable = {
- drag: function(el, dx, dy, complete) {
-
- // speed = sync -> Drag syncrhonously.
- // speed = fast|slow -> Drag asyncrhonously - animated.
-
- //this mouseover is to work around a limitation in resizable
- //TODO: fix resizable so handle doesn't require mouseover in order to be used
- $(el).simulate("mouseover");
-
- return $(el).simulate("drag", {
- dx: dx||0, dy: dy||0, speed: 'sync', complete: complete
- });
- }
-};
-
(function($) {
module("resizable: core");
--- /dev/null
+TestHelpers.resizable = {
+ drag: function(el, dx, dy, complete) {
+
+ // speed = sync -> Drag syncrhonously.
+ // speed = fast|slow -> Drag asyncrhonously - animated.
+
+ //this mouseover is to work around a limitation in resizable
+ //TODO: fix resizable so handle doesn't require mouseover in order to be used
+ $(el).simulate("mouseover");
+
+ return $(el).simulate("drag", {
+ dx: dx||0, dy: dy||0, speed: 'sync', complete: complete
+ });
+ }
+};
\ No newline at end of file
<script src="selectable_events.js"></script>
<script src="selectable_methods.js"></script>
<script src="selectable_options.js"></script>
+ <script src="selectable_test_helpers.js"></script>
<script src="../swarminject.js"></script>
</head>
/*
* selectable_core.js
- */
-
-TestHelpers.selectable = {
- drag: function drag(el, dx, dy) {
- var off = el.offset(),
- pos = { clientX: off.left, clientY: off.top };
- el.simulate("mousedown", pos);
- $(document).simulate("mousemove", pos);
- pos.clientX += dx;
- pos.clientY += dy;
- $(document).simulate("mousemove", pos);
- $(document).simulate("mouseup", pos);
- }
-};
\ No newline at end of file
+ */
\ No newline at end of file
--- /dev/null
+TestHelpers.selectable = {
+ drag: function(el, dx, dy) {
+ var off = el.offset(),
+ pos = { clientX: off.left, clientY: off.top };
+ el.simulate("mousedown", pos);
+ $(document).simulate("mousemove", pos);
+ pos.clientX += dx;
+ pos.clientY += dy;
+ $(document).simulate("mousemove", pos);
+ $(document).simulate("mouseup", pos);
+ }
+};
\ No newline at end of file
<script src="sortable_events.js"></script>
<script src="sortable_methods.js"></script>
<script src="sortable_options.js"></script>
+ <script src="sortable_test_helpers.js"></script>
<script src="sortable_tickets.js"></script>
<script src="../swarminject.js"></script>
/*
* sortable_core.js
- */
-
-(function($) {
-
-TestHelpers.sortable = {
- sort: function(handle, dx, dy, index, msg) {
- $(handle).simulate("drag", {
- dx: dx || 0,
- dy: dy || 0
- });
- equal($(handle).parent().children().index(handle), index, msg);
- }
-};
-
-module("sortable: core");
-
-})(jQuery);
+ */
\ No newline at end of file
test("enable", function() {
expect(5);
+
+ var el, actual, expected;
+
el = $("#sortable").sortable({ disabled: true });
TestHelpers.sortable.sort($("li", el)[0], 0, 44, 0, '.sortable({ disabled: true })');
TestHelpers.sortable.sort($("li", el)[0], 0, 44, 2, '.sortable("option", "disabled", false)');
- var expected = $('<div></div>').sortable(),
- actual = expected.sortable('enable');
+ expected = $('<div></div>').sortable(),
+ actual = expected.sortable('enable');
equal(actual, expected, 'enable is chainable');
});
test("disable", function() {
expect(7);
+
+ var el, actual, expected;
+
el = $("#sortable").sortable({ disabled: false });
TestHelpers.sortable.sort($("li", el)[0], 0, 44, 2, '.sortable({ disabled: false })');
ok(el.sortable("widget").is(":not(.ui-state-disabled)"), "sortable element does not get ui-state-disabled since it's an interaction");
TestHelpers.sortable.sort($("li", el)[0], 0, 44, 0, '.sortable("option", "disabled", true)');
- var expected = $('<div></div>').sortable(),
- actual = expected.sortable('disable');
+ expected = $('<div></div>').sortable(),
+ actual = expected.sortable('disable');
equal(actual, expected, 'disable is chainable');
});
--- /dev/null
+TestHelpers.sortable = {
+ sort: function(handle, dx, dy, index, msg) {
+ $(handle).simulate("drag", {
+ dx: dx || 0,
+ dy: dy || 0
+ });
+ equal($(handle).parent().children().index(handle), index, msg);
+ }
+};
\ No newline at end of file
test("#3019: Stop fires too early", function() {
expect(2);
- var helper = null;
- el = $("#sortable").sortable({
- stop: function(event, ui) {
- helper = ui.helper;
- }
- });
+ var helper = null,
+ el = $("#sortable").sortable({
+ stop: function(event, ui) {
+ helper = ui.helper;
+ }
+ });
TestHelpers.sortable.sort($("li", el)[0], 0, 44, 2, 'Dragging the sortable');
equal(helper, null, "helper should be false");