mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
3bc322fd37
Enhanced tests for destroy, enable/disable, ranges, and status Added tests for gotoCurrent, highlihgtWeek, yearRange, navigationAsDateFormat, rangeSeparator settings Added tests for day-of-year in format and parse
1428 lines
68 KiB
JavaScript
1428 lines
68 KiB
JavaScript
/*
|
|
* datepicker unit tests
|
|
*/
|
|
(function($) {
|
|
|
|
module('datepicker');
|
|
|
|
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());
|
|
equals(d1.toString(), d2.toString(), message);
|
|
}
|
|
|
|
function equalsDateArray(a1, a2, message) {
|
|
if (!a1 || !a2) {
|
|
ok(false, message + ' - missing dates');
|
|
return;
|
|
}
|
|
a1[0] = (a1[0] ? new Date(a1[0].getFullYear(), a1[0].getMonth(), a1[0].getDate()) : '');
|
|
a1[1] = (a1[1] ? new Date(a1[1].getFullYear(), a1[1].getMonth(), a1[1].getDate()) : '');
|
|
a2[0] = (a2[0] ? new Date(a2[0].getFullYear(), a2[0].getMonth(), a2[0].getDate()) : '');
|
|
a2[1] = (a2[1] ? new Date(a2[1].getFullYear(), a2[1].getMonth(), a2[1].getDate()) : '');
|
|
equals(serialArray(a1), serialArray(a2), message);
|
|
}
|
|
|
|
function init(id, options) {
|
|
$.datepicker.setDefaults($.datepicker.regional['']);
|
|
var inp = $(id);
|
|
inp.datepicker($.extend({duration: ''}, options || {}));
|
|
return inp;
|
|
}
|
|
|
|
var PROP_NAME = 'datepicker';
|
|
|
|
test('setDefaults', function() {
|
|
var inp = init('#inp');
|
|
var dp = $('#ui-datepicker-div');
|
|
ok(!dp.is(':visible'), 'Initially invisible');
|
|
ok(inp.is('.hasDatepicker'), 'Marker class set');
|
|
ok($($.datepicker.dpDiv).html() == '', 'Content empty');
|
|
inp.datepicker('show');
|
|
ok($($.datepicker.dpDiv).html() != '', 'Content present');
|
|
inp.datepicker('hide');
|
|
equals($.datepicker._defaults.showOn, 'focus', 'Initial showOn');
|
|
$.datepicker.setDefaults({showOn: 'button'});
|
|
equals($.datepicker._defaults.showOn, 'button', 'Change default showOn');
|
|
$.datepicker.setDefaults({showOn: 'focus'});
|
|
equals($.datepicker._defaults.showOn, 'focus', 'Restore showOn');
|
|
});
|
|
|
|
test('destroy', function() {
|
|
var inp = init('#inp');
|
|
ok(inp.is('.hasDatepicker'), 'Default - marker class set');
|
|
ok($.data(inp[0], 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], PROP_NAME), 'Default - instance absent');
|
|
ok(inp.next().is('#alt'), 'Default - button absent');
|
|
// With button
|
|
inp= init('#inp', {showOn: 'both'});
|
|
ok(inp.is('.hasDatepicker'), 'Button - marker class set');
|
|
ok($.data(inp[0], 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], PROP_NAME), 'Button - instance absent');
|
|
ok(inp.next().is('#alt'), 'Button - button removed');
|
|
// With append text
|
|
inp = init('#inp', {appendText: 'Testing'});
|
|
ok(inp.is('.hasDatepicker'), 'Append - marker class set');
|
|
ok($.data(inp[0], 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], PROP_NAME), 'Append - instance absent');
|
|
ok(inp.next().is('#alt'), 'Append - append text removed');
|
|
// With both
|
|
inp= init('#inp', {showOn: 'both', buttonImageOnly: true,
|
|
buttonImage: 'img/calendar.gif', appendText: 'Testing'});
|
|
ok(inp.is('.hasDatepicker'), 'Both - marker class set');
|
|
ok($.data(inp[0], 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], PROP_NAME), 'Both - instance absent');
|
|
ok(inp.next().is('#alt'), 'Both - button and append text absent');
|
|
});
|
|
|
|
test('change', function() {
|
|
var inp = init('#inp');
|
|
var inst = $.data(inp[0], PROP_NAME);
|
|
equals(inst.settings.showOn, null, 'Initial setting showOn');
|
|
equals($.datepicker._get(inst, 'showOn'), 'focus', 'Initial instance showOn');
|
|
equals($.datepicker._defaults.showOn, 'focus', 'Initial default showOn');
|
|
inp.datepicker('change', 'showOn', 'button');
|
|
equals(inst.settings.showOn, 'button', 'Change setting showOn');
|
|
equals($.datepicker._get(inst, 'showOn'), 'button', 'Change instance showOn');
|
|
equals($.datepicker._defaults.showOn, 'focus', 'Retain default showOn');
|
|
inp.datepicker('change', {showOn: 'both'});
|
|
equals(inst.settings.showOn, 'both', 'Change setting showOn');
|
|
equals($.datepicker._get(inst, 'showOn'), 'both', 'Change instance showOn');
|
|
equals($.datepicker._defaults.showOn, 'focus', 'Retain default showOn');
|
|
inp.datepicker('change', 'showOn', undefined);
|
|
equals(inst.settings.showOn, null, 'Clear setting showOn');
|
|
equals($.datepicker._get(inst, 'showOn'), 'focus', 'Restore instance showOn');
|
|
equals($.datepicker._defaults.showOn, 'focus', 'Retain default showOn');
|
|
});
|
|
|
|
test('invocation', function() {
|
|
var inp = init('#inp');
|
|
var dp = $('#ui-datepicker-div');
|
|
var body = $('body');
|
|
// On focus
|
|
var button = inp.siblings('button');
|
|
ok(button.length == 0, 'Focus - button absent');
|
|
var image = inp.siblings('img');
|
|
ok(image.length == 0, 'Focus - image absent');
|
|
inp.focus();
|
|
ok(dp.is(':visible'), 'Focus - rendered on focus');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
ok(!dp.is(':visible'), 'Focus - hidden on exit');
|
|
inp.focus();
|
|
ok(dp.is(':visible'), 'Focus - rendered on focus');
|
|
body.simulate('mousedown', {});
|
|
ok(!dp.is(':visible'), 'Focus - hidden on external click');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// On button
|
|
inp = init('#inp', {showOn: 'button', buttonText: 'Popup'});
|
|
ok(!dp.is(':visible'), 'Button - initially hidden');
|
|
button = inp.siblings('button');
|
|
image = inp.siblings('img');
|
|
ok(button.length == 1, 'Button - button present');
|
|
ok(image.length == 0, 'Button - image absent');
|
|
equals(button.text(), 'Popup', 'Button - button text');
|
|
inp.focus();
|
|
ok(!dp.is(':visible'), 'Button - not rendered on focus');
|
|
button.click();
|
|
ok(dp.is(':visible'), 'Button - rendered on button click');
|
|
button.click();
|
|
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,
|
|
buttonImage: 'img/calendar.gif', buttonText: 'Cal'});
|
|
ok(!dp.is(':visible'), 'Image button - initially hidden');
|
|
button = inp.siblings('button');
|
|
ok(button.length == 0, 'Image button - button absent');
|
|
image = inp.siblings('img');
|
|
ok(image.length == 1, 'Image button - image present');
|
|
equals(image.attr('src'), 'img/calendar.gif', 'Image button - image source');
|
|
equals(image.attr('title'), 'Cal', 'Image button - image text');
|
|
inp.focus();
|
|
ok(!dp.is(':visible'), 'Image button - not rendered on focus');
|
|
image.click();
|
|
ok(dp.is(':visible'), 'Image button - rendered on image click');
|
|
image.click();
|
|
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'});
|
|
ok(!dp.is(':visible'), 'Both - initially hidden');
|
|
button = inp.siblings('button');
|
|
ok(button.length == 1, 'Both - button present');
|
|
image = inp.siblings('img');
|
|
ok(image.length == 0, 'Both - image absent');
|
|
image = button.children('img');
|
|
ok(image.length == 1, 'Both - button image present');
|
|
inp.focus();
|
|
ok(dp.is(':visible'), 'Both - rendered on focus');
|
|
body.simulate('mousedown', {});
|
|
ok(!dp.is(':visible'), 'Both - hidden on external click');
|
|
button.click();
|
|
ok(dp.is(':visible'), 'Both - rendered on button click');
|
|
button.click();
|
|
ok(!dp.is(':visible'), 'Both - hidden on second button click');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
});
|
|
|
|
test('baseStructure', function() {
|
|
var dp = $('#ui-datepicker-div');
|
|
var inp = init('#inp');
|
|
inp.focus();
|
|
var iframe = ($.browser.msie && parseInt($.browser.version) < 7);
|
|
ok(dp.is(':visible'), 'Structure - datepicker visible');
|
|
ok(!dp.is('.ui-datepicker-rtl'), 'Structure - not right-to-left');
|
|
ok(!dp.is('.ui-datepicker-multi'), 'Structure - not multi-month');
|
|
equals(dp.children().length, 4 + (iframe ? 1 : 0), 'Structure - child count');
|
|
var control = dp.children(':first');
|
|
ok(control.is('div.ui-datepicker-control'), 'Structure - control division');
|
|
equals(control.children().length, 2, 'Structure - control child count');
|
|
ok(control.children(':first').is('div.ui-datepicker-clear'),
|
|
'Structure - clear division');
|
|
ok(control.children(':last').is('div.ui-datepicker-close'),
|
|
'Structure - close division');
|
|
var links = dp.children(':eq(1)');
|
|
ok(links.is('div.ui-datepicker-links'), 'Structure - links division');
|
|
equals(links.children().length, 3, 'Structure - links child count');
|
|
ok(links.children(':first').is('div.ui-datepicker-prev') &&
|
|
links.children(':first').html() != '',
|
|
'Structure - prev division');
|
|
ok(links.children(':eq(1)').is('div.ui-datepicker-current') &&
|
|
links.children(':eq(1)').html() != '',
|
|
'Structure - current division');
|
|
ok(links.children(':last').is('div.ui-datepicker-next') &&
|
|
links.children(':last').html() != '',
|
|
'Structure - next division');
|
|
var month = dp.children(':eq(2)');
|
|
ok(month.is('div.ui-datepicker-one-month') && month.is('div.ui-datepicker-new-row'),
|
|
'Structure - month division');
|
|
var header = month.children(':first');
|
|
ok(header.is('div.ui-datepicker-header'), 'Structure - month header division');
|
|
equals(header.children().length, 2, 'Structure - month header child count');
|
|
ok(header.children(':first').is('select.ui-datepicker-new-month'),
|
|
'Structure - new month select');
|
|
ok(header.children(':last').is('select.ui-datepicker-new-year'),
|
|
'Structure - new year select');
|
|
var table = month.children(':eq(1)');
|
|
ok(table.is('table.ui-datepicker'), 'Structure - month table');
|
|
ok(table.children(':first').is('thead'), 'Structure - month table thead');
|
|
var titles = table.children(':first').children(':first');
|
|
ok(titles.is('tr.ui-datepicker-title-row'), 'Structure - month table title row');
|
|
equals(titles.find('a').length, 7, 'Structure - month table title links');
|
|
ok(table.children(':eq(1)').is('tbody'), 'Structure - month table body');
|
|
ok(table.children(':eq(1)').children('tr').length >= 4,
|
|
'Structure - month table week count');
|
|
var week = table.children(':eq(1)').children(':first');
|
|
ok(week.is('tr.ui-datepicker-days-row'), 'Structure - month table week row');
|
|
equals(week.children().length, 7, 'Structure - week child count');
|
|
ok(week.children(':first').is('td.ui-datepicker-days-cell') &&
|
|
week.children(':first').is('.ui-datepicker-week-end-cell') &&
|
|
!week.children(':first').is('.ui-datepicker-week-col'),
|
|
'Structure - month table first day cell');
|
|
ok(week.children(':eq(1)').is('td.ui-datepicker-days-cell') &&
|
|
!week.children(':eq(1)').is('.ui-datepicker-week-end-cell'),
|
|
'Structure - month table second day cell');
|
|
ok(dp.children('.ui-datepicker-status').length == 0, 'Structure - status');
|
|
ok(dp.children('iframe').length == (iframe ? 1 : 0), 'Structure - iframe');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Multi-month 2
|
|
inp = init('#inp', {numberOfMonths: 2});
|
|
inp.focus();
|
|
ok(dp.is('.ui-datepicker-multi'), 'Structure multi - multi-month');
|
|
equals(dp.children().length, 5 + (iframe ? 1 : 0), 'Structure multi - child count');
|
|
month = dp.children(':eq(2)');
|
|
ok(month.is('div.ui-datepicker-one-month') && month.is('div.ui-datepicker-new-row'),
|
|
'Structure multi - first month division');
|
|
month = dp.children(':eq(3)');
|
|
ok(month.is('div.ui-datepicker-one-month') && !month.is('div.ui-datepicker-new-row'),
|
|
'Structure multi - second month division');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Multi-month [2, 2]
|
|
inp = init('#inp', {numberOfMonths: [2, 2]});
|
|
inp.focus();
|
|
ok(dp.is('.ui-datepicker-multi'), 'Structure multi - multi-month');
|
|
equals(dp.children().length, 7 + (iframe ? 1 : 0), 'Structure multi - child count');
|
|
month = dp.children(':eq(2)');
|
|
ok(month.is('div.ui-datepicker-one-month') && month.is('div.ui-datepicker-new-row'),
|
|
'Structure multi - first month division');
|
|
month = dp.children(':eq(3)');
|
|
ok(month.is('div.ui-datepicker-one-month') && !month.is('div.ui-datepicker-new-row'),
|
|
'Structure multi - second month division');
|
|
month = dp.children(':eq(4)');
|
|
ok(month.is('div.ui-datepicker-one-month') && month.is('div.ui-datepicker-new-row'),
|
|
'Structure multi - third month division');
|
|
month = dp.children(':eq(5)');
|
|
ok(month.is('div.ui-datepicker-one-month') && !month.is('div.ui-datepicker-new-row'),
|
|
'Structure multi - fourth month division');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
});
|
|
|
|
test('customStructure', function() {
|
|
var dp = $('#ui-datepicker-div');
|
|
// Check right-to-left localisation
|
|
var inp = init('#inp', $.datepicker.regional['he']);
|
|
inp.focus();
|
|
var iframe = ($.browser.msie && parseInt($.browser.version) < 7);
|
|
ok(dp.is('.ui-datepicker-rtl'), 'Structure RTL - right-to-left');
|
|
var links = dp.children(':eq(1)');
|
|
ok(links.is('div.ui-datepicker-links'), 'Structure - links division');
|
|
equals(links.children().length, 3, 'Structure - links child count');
|
|
ok(links.children(':first').is('div.ui-datepicker-next'),
|
|
'Structure - next division');
|
|
ok(links.children(':eq(1)').is('div.ui-datepicker-current'),
|
|
'Structure - current division');
|
|
ok(links.children(':last').is('div.ui-datepicker-prev'),
|
|
'Structure - prev division');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Close at bottom
|
|
inp = init('#inp', {closeAtTop: false});
|
|
inp.focus();
|
|
equals(dp.children().length, 4 + (iframe ? 1 : 0),
|
|
'Structure close at bottom - child count');
|
|
ok(dp.children(':first').is('div.ui-datepicker-links'),
|
|
'Structure close at bottom - links division');
|
|
ok(dp.children(':last').prev().is('div.ui-datepicker-control'),
|
|
'Structure close at bottom - control division');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Mandatory
|
|
inp = init('#inp', {mandatory: true});
|
|
inp.focus();
|
|
var control = dp.children(':first');
|
|
ok(control.is('div.ui-datepicker-control'),
|
|
'Structure mandatory - control division');
|
|
equals(control.children().length, 1, 'Structure mandatory - control child count');
|
|
ok(control.children(':first').is('div.ui-datepicker-close'),
|
|
'Structure mandatory - close division');
|
|
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.val('02/10/2008').focus();
|
|
var links = dp.children(':eq(1)');
|
|
ok(links.is('div.ui-datepicker-links'),
|
|
'Structure hide prev/next - links division');
|
|
equals(links.children().length, 2, 'Structure hide prev/next - links child count');
|
|
ok(links.children(':first').is('div.ui-datepicker-prev') &&
|
|
links.children(':first').html() == '',
|
|
'Structure hide prev/next - prev division');
|
|
ok(links.children(':last').is('div.ui-datepicker-next') &&
|
|
links.children(':last').html() == '',
|
|
'Structure hide prev/next - next division');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Can't change month
|
|
inp = init('#inp', {changeMonth: false});
|
|
inp.focus();
|
|
var header = dp.children(':eq(2)').children(':first');
|
|
equals(header.children().length, 1, 'Structure change month - header child count');
|
|
ok(header.children(':last').is('select.ui-datepicker-new-year'),
|
|
'Structure change month - new year select');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Can't change year
|
|
inp = init('#inp', {changeYear: false});
|
|
inp.focus();
|
|
var header = dp.children(':eq(2)').children(':first');
|
|
equals(header.children().length, 1, 'Structure change year - header child count');
|
|
ok(header.children(':first').is('select.ui-datepicker-new-month'),
|
|
'Structure change year - new month select');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Can't change first day of week
|
|
inp = init('#inp', {changeFirstDay: false});
|
|
inp.focus();
|
|
var titles = dp.find('.ui-datepicker-title-row');
|
|
equals(titles.children().length, 7, 'Structure change first day - titles child count');
|
|
equals(titles.find('a').length, 0, 'Structure change first day - titles links count');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Show weeks
|
|
inp = init('#inp', {showWeeks: true});
|
|
inp.focus();
|
|
titles = dp.find('.ui-datepicker-title-row');
|
|
equals(titles.children().length, 8, 'Structure show weeks - titles child count');
|
|
var week = dp.find('.ui-datepicker-days-row:first');
|
|
equals(week.children().length, 8, 'Structure show weeks - week child count');
|
|
ok(week.children(':first').is('td.ui-datepicker-week-col'),
|
|
'Structure show weeks - week column');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Show status
|
|
inp = init('#inp', {showStatus: true});
|
|
inp.focus();
|
|
equals(dp.children().length, 6 + (iframe ? 1 : 0),
|
|
'Structure show status - datepicker child count');
|
|
ok(dp.children(':last').prev().is('div.ui-datepicker-status'),
|
|
'Structure show status - status division');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
});
|
|
|
|
test('enableDisable', function() {
|
|
var inp = 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.datepicker('isDisabled'), 'Enable/disable - now marked as disabled');
|
|
ok(inp[0].disabled, 'Enable/disable - field now disabled');
|
|
inp.datepicker('enable');
|
|
ok(!inp.datepicker('isDisabled'), 'Enable/disable - now marked as enabled');
|
|
ok(!inp[0].disabled, 'Enable/disable - field now enabled');
|
|
inp.datepicker('destroy');
|
|
// With a button
|
|
inp = 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');
|
|
inp.datepicker('disable');
|
|
ok(inp.datepicker('isDisabled'), 'Enable/disable button - now marked as disabled');
|
|
ok(inp[0].disabled, 'Enable/disable button - field now disabled');
|
|
ok(inp.next('button')[0].disabled, 'Enable/disable button - button now disabled');
|
|
inp.datepicker('enable');
|
|
ok(!inp.datepicker('isDisabled'), 'Enable/disable button - now marked as enabled');
|
|
ok(!inp[0].disabled, 'Enable/disable button - field now 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,
|
|
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(inp.next('img').css('opacity') == 1, 'Enable/disable image - image initially enabled');
|
|
inp.datepicker('disable');
|
|
ok(inp.datepicker('isDisabled'), 'Enable/disable image - now marked as disabled');
|
|
ok(inp[0].disabled, 'Enable/disable image - field now disabled');
|
|
ok(inp.next('img').css('opacity') != 1, 'Enable/disable image - image now disabled');
|
|
inp.datepicker('enable');
|
|
ok(!inp.datepicker('isDisabled'), 'Enable/disable image - now marked as enabled');
|
|
ok(!inp[0].disabled, 'Enable/disable image - field now enabled');
|
|
ok(inp.next('img').css('opacity') == 1, 'Enable/disable image - image now enabled');
|
|
inp.datepicker('destroy');
|
|
});
|
|
|
|
test('keystrokes', function() {
|
|
var inp = init('#inp');
|
|
var date = new Date();
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke enter');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
|
|
'Keystroke enter - preset');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_HOME}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+home');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_END});
|
|
ok(inp.datepicker('getDate') == null, 'Keystroke ctrl+end');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
ok(inp.datepicker('getDate') == null, 'Keystroke esc');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
|
|
'Keystroke esc - preset');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
|
|
'Keystroke esc - abandoned');
|
|
// Moving by day or week
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_LEFT}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() - 1);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+left');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_LEFT}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() + 1);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke left');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_RIGHT}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() + 1);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+right');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_RIGHT}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() - 1);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke right');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_UP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() - 7);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+up');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_UP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() + 7);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke up');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() + 7);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke ctrl+down');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() - 7);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Keystroke down');
|
|
// Moving by month or year
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 1 - 1, 4),
|
|
'Keystroke pgup');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 3 - 1, 4),
|
|
'Keystroke pgdn');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2007, 2 - 1, 4),
|
|
'Keystroke ctrl+pgup');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
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');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 29),
|
|
'Keystroke pgup - Feb');
|
|
inp.val('01/30/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 29),
|
|
'Keystroke pgdn - Feb');
|
|
inp.val('02/29/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2007, 2 - 1, 28),
|
|
'Keystroke ctrl+pgup - Feb');
|
|
inp.val('02/29/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2009, 2 - 1, 28),
|
|
'Keystroke ctrl+pgdn - Feb');
|
|
// Goto current
|
|
inp.datepicker('change', {gotoCurrent: true});
|
|
inp.datepicker('hide').val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_HOME}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
|
|
'Keystroke ctrl+home');
|
|
});
|
|
|
|
test('mouse', function() {
|
|
var inp = init('#inp');
|
|
var dp = $('#ui-datepicker-div');
|
|
var date = new Date();
|
|
inp.val('').datepicker('show');
|
|
$('.ui-datepicker tbody a:contains(10)', dp).simulate('click', {});
|
|
date.setDate(10);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Mouse click');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
$('.ui-datepicker tbody a:contains(12)', dp).simulate('click', {});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 12),
|
|
'Mouse click - preset');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
$('.ui-datepicker-clear a', dp).simulate('click', {});
|
|
ok(inp.datepicker('getDate') == null, 'Mouse click - clear');
|
|
inp.val('').datepicker('show');
|
|
$('.ui-datepicker-close a', dp).simulate('click', {});
|
|
ok(inp.datepicker('getDate') == null, 'Mouse click - close');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
$('.ui-datepicker-close a', dp).simulate('click', {});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
|
|
'Mouse click - close + preset');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
$('.ui-datepicker-prev a', dp).simulate('click', {});
|
|
$('.ui-datepicker-close a', dp).simulate('click', {});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 4),
|
|
'Mouse click - abandoned');
|
|
// Current/previous/next
|
|
inp.val('02/04/2008').datepicker('show');
|
|
$('.ui-datepicker-current a', dp).simulate('click', {});
|
|
$('.ui-datepicker tbody a:contains(14)', dp).simulate('click', {});
|
|
date.setDate(14);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Mouse click - current');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
$('.ui-datepicker-prev a', dp).simulate('click', {});
|
|
$('.ui-datepicker tbody a:contains(16)', dp).simulate('click', {});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 1 - 1, 16),
|
|
'Mouse click - previous');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
$('.ui-datepicker-next a', dp).simulate('click', {});
|
|
$('.ui-datepicker tbody a:contains(18)', dp).simulate('click', {});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 3 - 1, 18),
|
|
'Mouse click - next');
|
|
// Previous/next with minimum/maximum
|
|
inp.datepicker('change', {minDate: new Date(2008, 2 - 1, 2),
|
|
maxDate: new Date(2008, 2 - 1, 26)}).val('02/04/2008').datepicker('show');
|
|
$('.ui-datepicker-prev a', dp).simulate('click', {});
|
|
$('.ui-datepicker tbody a:contains(16)', dp).simulate('click', {});
|
|
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 a', dp).simulate('click', {});
|
|
$('.ui-datepicker tbody a:contains(18)', dp).simulate('click', {});
|
|
equalsDate(inp.datepicker('getDate'), new Date(2008, 2 - 1, 18),
|
|
'Mouse click - next + min/max');
|
|
// Change day of week
|
|
inp.val('02/04/2008').datepicker('show');
|
|
equals($('.ui-datepicker-title-row td:first', dp).text(), 'Su',
|
|
'Mouse click - initial day of week');
|
|
$('.ui-datepicker-title-row td:last a', dp).simulate('click', {});
|
|
equals($('.ui-datepicker-title-row td:first', dp).text(), 'Sa',
|
|
'Mouse click - day of week');
|
|
// Highlight week
|
|
inp.datepicker('change', {highlightWeek: true}).
|
|
datepicker('hide').val('02/04/2008').datepicker('show');
|
|
ok(!$('.ui-datepicker tr:eq(2)', dp).is('.ui-datepicker-week-over'),
|
|
'Mouse over - no week highlight');
|
|
$('.ui-datepicker tr:eq(2) td:first', dp).simulate('mouseover', {});
|
|
ok($('.ui-datepicker tr:eq(2)', dp).is('.ui-datepicker-week-over'),
|
|
'Mouse over - week highlight');
|
|
});
|
|
|
|
test('defaultDate', function() {
|
|
var inp = init('#inp');
|
|
var date = new Date();
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date null');
|
|
inp.datepicker('change', {defaultDate: '-1d'}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() - 1);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date -1d');
|
|
inp.datepicker('change', {defaultDate: '+3D'}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() + 4);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date +3D');
|
|
inp.datepicker('change', {defaultDate: ' -2 w '}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date = new Date();
|
|
date.setDate(date.getDate() - 14);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date -2 w');
|
|
inp.datepicker('change', {defaultDate: '+1 W'}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() + 21);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date +1 W');
|
|
inp.datepicker('change', {defaultDate: ' -1 m '}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date = new Date();
|
|
date.setMonth(date.getMonth() - 1);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date -1 m');
|
|
inp.datepicker('change', {defaultDate: '+2M'}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setMonth(date.getMonth() + 3);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date +2M');
|
|
inp.datepicker('change', {defaultDate: '-2y'}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date = new Date();
|
|
date.setFullYear(date.getFullYear() - 2);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date -2y');
|
|
inp.datepicker('change', {defaultDate: '+1 Y '}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setFullYear(date.getFullYear() + 3);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date +1 Y');
|
|
inp.datepicker('change', {defaultDate: '+1M +10d'}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date = new Date();
|
|
date.setMonth(date.getMonth() + 1);
|
|
date.setDate(date.getDate() + 10);
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date +1M +10d');
|
|
date = new Date(2007, 1 - 1, 26);
|
|
inp.datepicker('change', {defaultDate: date}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), date, 'Default date 01/26/2007');
|
|
});
|
|
|
|
test('miscellaneous', function() {
|
|
var dp = $('#ui-datepicker-div');
|
|
var inp = init('#inp');
|
|
// Year range
|
|
inp.val('02/04/2008').datepicker('show');
|
|
equals(dp.find('.ui-datepicker-new-year').text(),
|
|
'199819992000200120022003200420052006200720082009201020112012201320142015201620172018',
|
|
'Year range - default');
|
|
inp.datepicker('hide').datepicker('change', {yearRange: '-6:+2'}).datepicker('show');
|
|
equals(dp.find('.ui-datepicker-new-year').text(),
|
|
'200220032004200520062007200820092010', 'Year range - -6:+2');
|
|
inp.datepicker('hide').datepicker('change', {yearRange: '2000:2010'}).datepicker('show');
|
|
equals(dp.find('.ui-datepicker-new-year').text(),
|
|
'20002001200220032004200520062007200820092010', 'Year range - 2000:2010');
|
|
// Navigation as date format
|
|
equals(dp.find('.ui-datepicker-prev').text(),
|
|
'<Prev', 'Navigation prev - default');
|
|
equals(dp.find('.ui-datepicker-current').text(),
|
|
'Today', 'Navigation current - default');
|
|
equals(dp.find('.ui-datepicker-next').text(),
|
|
'Next>', 'Navigation next - default');
|
|
inp.datepicker('hide').datepicker('change', {navigationAsDateFormat: true,
|
|
prevText: '< M', currentText: 'MM', nextText: 'M >'}).
|
|
val('02/04/2008').datepicker('show');
|
|
var longNames = $.datepicker.regional[''].monthNames;
|
|
var shortNames = $.datepicker.regional[''].monthNamesShort;
|
|
var date = new Date();
|
|
equals(dp.find('.ui-datepicker-prev').text(),
|
|
'< ' + shortNames[0], 'Navigation prev - as date format');
|
|
equals(dp.find('.ui-datepicker-current').text(),
|
|
longNames[date.getMonth()], 'Navigation current - as date format');
|
|
equals(dp.find('.ui-datepicker-next').text(),
|
|
shortNames[2] + ' >', 'Navigation next - as date format');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGDN});
|
|
equals(dp.find('.ui-datepicker-prev').text(),
|
|
'< ' + shortNames[1], 'Navigation prev - as date format + pgdn');
|
|
equals(dp.find('.ui-datepicker-current').text(),
|
|
longNames[date.getMonth()], 'Navigation current - as date format + pgdn');
|
|
equals(dp.find('.ui-datepicker-next').text(),
|
|
shortNames[3] + ' >', 'Navigation next - as date format + pgdn');
|
|
inp.datepicker('hide').datepicker('change', {gotoCurrent: true}).
|
|
val('02/04/2008').datepicker('show');
|
|
equals(dp.find('.ui-datepicker-prev').text(),
|
|
'< ' + shortNames[0], 'Navigation prev - as date format + goto current');
|
|
equals(dp.find('.ui-datepicker-current').text(),
|
|
longNames[1], 'Navigation current - as date format + goto current');
|
|
equals(dp.find('.ui-datepicker-next').text(),
|
|
shortNames[2] + ' >', 'Navigation next - as date format + goto current');
|
|
});
|
|
|
|
test('minMax', function() {
|
|
var inp = init('#inp');
|
|
var lastYear = new Date(2007, 6 - 1, 4);
|
|
var nextYear = new Date(2009, 6 - 1, 4);
|
|
var minDate = new Date(2008, 2 - 1, 29);
|
|
var maxDate = new Date(2008, 12 - 1, 7);
|
|
inp.val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), lastYear,
|
|
'Min/max - null, null - ctrl+pgup');
|
|
inp.val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), nextYear,
|
|
'Min/max - null, null - ctrl+pgdn');
|
|
inp.datepicker('change', {minDate: minDate}).
|
|
datepicker('hide').val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
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: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), nextYear,
|
|
'Min/max - 02/29/2008, null - ctrl+pgdn');
|
|
inp.datepicker('change', {maxDate: maxDate}).
|
|
datepicker('hide').val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
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: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), maxDate,
|
|
'Min/max - 02/29/2008, 12/07/2008 - ctrl+pgdn');
|
|
inp.datepicker('change', {minDate: null}).
|
|
datepicker('hide').val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
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: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), maxDate,
|
|
'Min/max - null, 12/07/2008 - ctrl+pgdn');
|
|
// relative dates
|
|
var date = new Date();
|
|
date.setDate(date.getDate() - 7);
|
|
inp.datepicker('change', {minDate: '-1w', maxDate: '+1 M +10 D '}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), date,
|
|
'Min/max - -1w, +1 M +10 D - ctrl+pgup');
|
|
date = new Date();
|
|
date.setMonth(date.getMonth() + 1);
|
|
date.setDate(date.getDate() + 10);
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(inp.datepicker('getDate'), date,
|
|
'Min/max - -1w, +1 M +10 D - ctrl+pgdn');
|
|
});
|
|
|
|
test('setDate', function() {
|
|
var inp = init('#inp');
|
|
var date1 = new Date(2008, 6 - 1, 4);
|
|
var date2 = new Date();
|
|
inp.datepicker('setDate', date1);
|
|
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');
|
|
date2.setFullYear(date2.getFullYear() + 2);
|
|
inp.datepicker('setDate', '+2y');
|
|
equalsDate(inp.datepicker('getDate'), date2, 'Set date - +2y');
|
|
inp.datepicker('setDate', date1, date2);
|
|
equalsDate(inp.datepicker('getDate'), date1, 'Set date - two dates');
|
|
inp.datepicker('setDate');
|
|
ok(inp.datepicker('getDate') == null, 'Set date - null');
|
|
// Ranges
|
|
date1 = new Date(2008, 6 - 1, 4);
|
|
date2 = new Date(2009, 7 - 1, 5);
|
|
inp.datepicker('change', {rangeSelect: true});
|
|
inp.datepicker('setDate', date1, date2);
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date2],
|
|
'Set date range - 2008-06-04 - 2009-07-05');
|
|
inp.datepicker('setDate', date1);
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date1],
|
|
'Set date range - 2008-06-04');
|
|
date1 = new Date();
|
|
date1.setDate(date1.getDate() - 10);
|
|
date2 = new Date();
|
|
date2.setDate(date2.getDate() + 10);
|
|
inp.datepicker('setDate', -10, +10);
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date2],
|
|
'Set date range - -10 - +10');
|
|
inp.datepicker('setDate', -10);
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date1],
|
|
'Set date range - -10');
|
|
date1 = new Date();
|
|
date1.setDate(date1.getDate() - 14);
|
|
date2 = new Date();
|
|
date2.setFullYear(date2.getFullYear() + 1);
|
|
inp.datepicker('setDate', '-2w', '+1Y');
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date2],
|
|
'Set date range - -2w - +1Y');
|
|
inp.datepicker('setDate', '-2w');
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date1],
|
|
'Set date range - -2w');
|
|
inp.datepicker('setDate');
|
|
isObj(inp.datepicker('getDate'), [null, null], 'Set date range - null');
|
|
});
|
|
|
|
test('ranges', function() {
|
|
var inp = init('#inp', {rangeSelect: true});
|
|
var date1 = new Date();
|
|
var date2 = new Date();
|
|
// Select today - today
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date1],
|
|
'Range - enter/enter');
|
|
// Can't select prior to start date
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_UP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date1],
|
|
'Range - enter/ctrl+up/enter');
|
|
// Can select after start date
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date2.setDate(date2.getDate() + 7);
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date2],
|
|
'Range - enter/ctrl+down/enter');
|
|
equals(inp.val(), $.datepicker.formatDate('mm/dd/yy', date1) + ' - ' +
|
|
$.datepicker.formatDate('mm/dd/yy', date2), 'Range - value');
|
|
// Select then cancel defaults to first date
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date1],
|
|
'Range - enter/ctrl+down/esc');
|
|
// Separator
|
|
inp.datepicker('change', {rangeSeparator: ' to '}).
|
|
datepicker('hide').val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDateArray(inp.datepicker('getDate'),
|
|
[new Date(2008, 6 - 1, 4), new Date(2008, 6 - 1, 11)],
|
|
'Range separator - enter/ctrl+down/enter');
|
|
equals(inp.val(), '06/04/2008 to 06/11/2008',
|
|
'Range separator - value');
|
|
// Callbacks
|
|
inp.datepicker('change', {onSelect: callback, rangeSeparator: ' - '}).
|
|
datepicker('hide').val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equals(selectedDate, '06/04/2008 - 06/11/2008',
|
|
'Range onSelect - enter/ctrl+down/enter');
|
|
inp.datepicker('change', {onChangeMonthYear: callback, onSelect: null}).
|
|
datepicker('hide').val('05/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(selectedDate, new Date(2008, 4 - 1, 1),
|
|
'Range onChangeMonthYear - enter/ctrl+down/enter');
|
|
inp.datepicker('change', {onClose: callback, onChangeMonthYear: null}).
|
|
datepicker('hide').val('03/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDateArray(selectedDate, [new Date(2008, 3 - 1, 4),
|
|
new Date(2008, 3 - 1, 11)], 'Range onClose - enter/ctrl+down/enter');
|
|
// Minimum/maximum
|
|
date1 = new Date(2008, 5 - 1, 20);
|
|
date2 = new Date(2008, 7 - 1, 2);
|
|
inp.datepicker('change', {minDate: date1, maxDate: date2, onChangeMonthYear: null}).
|
|
datepicker('hide').val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGUP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDateArray(inp.datepicker('getDate'), [date1, date2],
|
|
'Range min/max - pgup/enter/pgdn/pgdn/enter');
|
|
inp.val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_UP}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDateArray(inp.datepicker('getDate'),
|
|
[new Date(2008, 5 - 1, 28), new Date(2008, 6 - 1, 11)],
|
|
'Range min/max - ctrl+up/enter/ctrl+down/ctrl+down/enter');
|
|
});
|
|
|
|
test('altField', function() {
|
|
var inp = init('#inp');
|
|
var alt = $('#alt');
|
|
// No alternate field set
|
|
alt.val('');
|
|
inp.val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equals(inp.val(), '06/04/2008', 'Alt field - dp - enter');
|
|
equals(alt.val(), '', 'Alt field - alt not set');
|
|
// Alternate field set
|
|
alt.val('');
|
|
inp.datepicker('change', {altField: '#alt', altFormat: 'yy-mm-dd'}).
|
|
val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equals(inp.val(), '06/04/2008', 'Alt field - dp - enter');
|
|
equals(alt.val(), '2008-06-04', 'Alt field - alt - enter');
|
|
// Move from initial date
|
|
alt.val('');
|
|
inp.val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equals(inp.val(), '07/04/2008', 'Alt field - dp - pgdn');
|
|
equals(alt.val(), '2008-07-04', 'Alt field - alt - pgdn');
|
|
// Alternate field set - closed
|
|
alt.val('');
|
|
inp.val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
equals(inp.val(), '06/04/2008', 'Alt field - dp - pgdn/esc');
|
|
equals(alt.val(), '', 'Alt field - alt - pgdn/esc');
|
|
// Clear date and alternate
|
|
alt.val('');
|
|
inp.val('06/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_END});
|
|
equals(inp.val(), '', 'Alt field - dp - ctrl+end');
|
|
equals(alt.val(), '', 'Alt field - alt - ctrl+end');
|
|
// Range select no alternate field set
|
|
alt.val('');
|
|
inp.datepicker('change', {rangeSelect: true, altField: '', altFormat: ''}).
|
|
datepicker('hide').val('06/04/2008 - 07/14/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equals(inp.val(), '06/04/2008 - 06/04/2008', 'Alt field range - dp - enter');
|
|
equals(alt.val(), '', 'Alt field range - alt not set');
|
|
// Range select no movement
|
|
alt.val('');
|
|
inp.datepicker('change', {altField: '#alt', altFormat: 'yy-mm-dd'}).
|
|
datepicker('hide').val('06/04/2008 - 07/14/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equals(inp.val(), '06/04/2008 - 06/04/2008', 'Alt field range - dp - enter');
|
|
equals(alt.val(), '2008-06-04 - 2008-06-04', 'Alt field range - alt - enter');
|
|
// Range select next month
|
|
alt.val('');
|
|
inp.val('06/04/2008 - 07/14/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equals(inp.val(), '06/04/2008 - 07/04/2008',
|
|
'Alt field range - dp - enter/pgdn/enter');
|
|
equals(alt.val(), '2008-06-04 - 2008-07-04',
|
|
'Alt field range - alt - enter/pgdn/enter');
|
|
// Range select escape
|
|
alt.val('');
|
|
inp.val('06/04/2008 - 07/14/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
equals(inp.val(), '06/04/2008 - 06/04/2008',
|
|
'Alt field range - dp - enter/pgdn/esc');
|
|
equals(alt.val(), '2008-06-04 - 2008-06-04',
|
|
'Alt field range - alt - enter/pgdn/esc');
|
|
// Range select clear
|
|
alt.val('');
|
|
inp.val('06/04/2008 - 07/14/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_PGDN}).
|
|
simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_END});
|
|
equals(inp.val(), '', 'Alt field range - dp - enter/pgdn/ctrl+end');
|
|
equals(alt.val(), '', 'Alt field range - alt - enter/pgdn/ctrl+end');
|
|
});
|
|
|
|
var beforeShowThis = null;
|
|
var beforeShowInput = null;
|
|
var beforeShowInst = null;
|
|
|
|
function beforeAll(input, inst) {
|
|
beforeShowThis = this;
|
|
beforeShowInput = input;
|
|
beforeShowInst = inst;
|
|
return {currentText: 'Current'};
|
|
}
|
|
|
|
var beforeShowDayThis = null;
|
|
var beforeShowDayOK = true;
|
|
|
|
function beforeDay(date) {
|
|
beforeShowDayThis = this;
|
|
beforeShowDayOK &= (date > new Date(2008, 1 - 1, 26) &&
|
|
date < new Date(2008, 3 - 1, 6));
|
|
return [(date.getDate() % 2 == 0), (date.getDate() % 10 == 0 ? 'day10' : ''),
|
|
(date.getDate() % 3 == 0 ? 'Divisble by 3' : '')];
|
|
}
|
|
|
|
function calcWeek(date) {
|
|
var doy = date.getDate() + 6;
|
|
for (var m = date.getMonth() - 1; m >= 0; m--)
|
|
doy += $.datepicker._getDaysInMonth(date.getFullYear(), m);
|
|
// Simple count from 01/01 starting at week 1
|
|
return Math.floor(doy / 7);
|
|
}
|
|
|
|
test('callbacks', function() {
|
|
// Before show
|
|
var inp = init('#inp', {beforeShow: beforeAll});
|
|
var inst = $.data(inp[0], 'datepicker');
|
|
equals($.datepicker._get(inst, 'currentText'), 'Today', 'Before show - initial');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
equals($.datepicker._get(inst, 'currentText'), 'Current', 'Before show - changed');
|
|
ok(beforeShowThis.id == inp[0].id, 'Before show - this OK');
|
|
ok(beforeShowInput.id == inp[0].id, 'Before show - input OK');
|
|
isObj(beforeShowInst, inst, 'Before show - inst OK');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Before show day
|
|
inp = init('#inp', {beforeShowDay: beforeDay});
|
|
var dp = $('#ui-datepicker-div');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
ok(beforeShowDayThis.id == inp[0].id, 'Before show day - this OK');
|
|
ok(beforeShowDayOK, 'Before show day - dates OK');
|
|
var day20 = dp.find('.ui-datepicker td:contains("20")');
|
|
var day21 = dp.find('.ui-datepicker td:contains("21")');
|
|
ok(!day20.is('.ui-datepicker-unselectable'), 'Before show day - unselectable 20');
|
|
ok(day21.is('.ui-datepicker-unselectable'), 'Before show day - unselectable 21');
|
|
ok(day20.is('.day10'), 'Before show day - CSS 20');
|
|
ok(!day21.is('.day10'), 'Before show day - CSS 21');
|
|
ok(day20.attr('title') == '', 'Before show day - title 20');
|
|
ok(day21.attr('title') == 'Divisble by 3', 'Before show day - title 21');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
// Calculate week
|
|
inp = init('#inp', {showWeeks: true, calculateWeek: calcWeek});
|
|
inp.val('02/04/2008').datepicker('show');
|
|
equals($('.ui-datepicker-week-col:first').text(), 4, 'Calculate week');
|
|
equals($('.ui-datepicker-week-col:last').text(), 8, 'Calculate week');
|
|
// Make Tuesday first
|
|
$('.ui-datepicker-title-row a:contains("Tu")', dp).simulate('click', {});
|
|
equals($('.ui-datepicker-week-col:first').text(), 5, 'Calculate week');
|
|
equals($('.ui-datepicker-week-col:last').text(), 9, 'Calculate week');
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
});
|
|
|
|
var selectedThis = null;
|
|
var selectedDate = null;
|
|
var selectedInst = null;
|
|
|
|
function callback(date, inst) {
|
|
selectedThis = this;
|
|
selectedDate = date;
|
|
selectedInst = inst;
|
|
}
|
|
|
|
test('events', function() {
|
|
var inp = init('#inp', {onSelect: callback});
|
|
var date = new Date();
|
|
// onSelect
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equals(selectedThis, inp[0], 'Callback selected this');
|
|
equals(selectedInst, $.data(inp[0], PROP_NAME), 'Callback selected inst');
|
|
equals(selectedDate, $.datepicker.formatDate('mm/dd/yy', date),
|
|
'Callback selected date');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_DOWN}).
|
|
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
date.setDate(date.getDate() + 7);
|
|
equals(selectedDate, $.datepicker.formatDate('mm/dd/yy', date),
|
|
'Callback selected date - ctrl+down');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
equals(selectedDate, $.datepicker.formatDate('mm/dd/yy', date),
|
|
'Callback selected date - esc');
|
|
// onChangeMonthYear
|
|
inp.datepicker('change', {onChangeMonthYear: callback, onSelect: null}).
|
|
val('').datepicker('show');
|
|
date = new Date();
|
|
date.setDate(1);
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGUP});
|
|
date.setMonth(date.getMonth() - 1);
|
|
equals(selectedThis, inp[0], 'Callback change month/year this');
|
|
equals(selectedInst, $.data(inp[0], PROP_NAME), 'Callback change month/year inst');
|
|
equalsDate(selectedDate, date, 'Callback change month/year date - pgup');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGDN});
|
|
date.setMonth(date.getMonth() + 1);
|
|
equalsDate(selectedDate, date, 'Callback change month/year date - pgdn');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP});
|
|
date.setFullYear(date.getFullYear() - 1);
|
|
equalsDate(selectedDate, date, 'Callback change month/year date - ctrl+pgup');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_HOME});
|
|
date.setFullYear(date.getFullYear() + 1);
|
|
equalsDate(selectedDate, date, 'Callback change month/year date - ctrl+home');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGDN});
|
|
date.setFullYear(date.getFullYear() + 1);
|
|
equalsDate(selectedDate, date, 'Callback change month/year date - ctrl+pgdn');
|
|
// onChangeMonthYear step by 2
|
|
inp.datepicker('change', {stepMonths: 2}).
|
|
datepicker('hide').val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGUP});
|
|
date.setMonth(date.getMonth() - 14);
|
|
equalsDate(selectedDate, date, 'Callback change month/year by 2 date - pgup');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGUP});
|
|
date.setMonth(date.getMonth() - 12);
|
|
equalsDate(selectedDate, date, 'Callback change month/year by 2 date - ctrl+pgup');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_PGDN});
|
|
date.setMonth(date.getMonth() + 2);
|
|
equalsDate(selectedDate, date, 'Callback change month/year by 2 date - pgdn');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_PGDN});
|
|
date.setMonth(date.getMonth() + 12);
|
|
equalsDate(selectedDate, date, 'Callback change month/year by 2 date - ctrl+pgdn');
|
|
// onClose
|
|
inp.datepicker('change', {onClose: callback, onChangeMonthYear: null, stepMonths: 1}).
|
|
val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
equals(selectedThis, inp[0], 'Callback close this');
|
|
equals(selectedInst, $.data(inp[0], PROP_NAME), 'Callback close inst');
|
|
ok(selectedDate == null, 'Callback close date - esc');
|
|
inp.val('').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
equalsDate(selectedDate, new Date(), 'Callback close date - enter');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ESC});
|
|
equalsDate(selectedDate, new Date(2008, 2 - 1, 4), 'Callback close date - preset');
|
|
inp.val('02/04/2008').datepicker('show');
|
|
inp.simulate('keydown', {ctrlKey: true, keyCode: $.simulate.VK_END});
|
|
ok(selectedDate == null, 'Callback close date - ctrl+end');
|
|
});
|
|
|
|
function highlight20(date, inst) {
|
|
return (date.getDate() == 20 ? '*** 20 ***' : $.datepicker.dateStatus(date, inst));
|
|
}
|
|
|
|
test('status', function() {
|
|
var dp = $('#ui-datepicker-div');
|
|
var inp = init('#inp', {showStatus: true, statusForDate: highlight20, showWeeks: true});
|
|
inp.val('').datepicker('show');
|
|
var status = $('.ui-datepicker-status', dp);
|
|
ok(status.length == 1, 'Status - present');
|
|
equals(status.text(), 'Select a date', 'Status - default');
|
|
$('.ui-datepicker-clear a', dp).simulate('mouseover');
|
|
equals(status.text(), 'Erase the current date', 'Status - clear');
|
|
$('.ui-datepicker-close a', dp).simulate('mouseover');
|
|
equals(status.text(), 'Close without change', 'Status - close');
|
|
$('.ui-datepicker-prev a', dp).simulate('mouseover');
|
|
equals(status.text(), 'Show the previous month', 'Status - previous');
|
|
$('.ui-datepicker-current a', dp).simulate('mouseover');
|
|
equals(status.text(), 'Show the current month', 'Status - current');
|
|
$('.ui-datepicker-next a', dp).simulate('mouseover');
|
|
equals(status.text(), 'Show the next month', 'Status - next');
|
|
$('.ui-datepicker-new-month', dp).simulate('mouseover');
|
|
equals(status.text(), 'Show a different month', 'Status - new month');
|
|
$('.ui-datepicker-new-year', dp).simulate('mouseover');
|
|
equals(status.text(), 'Show a different year', 'Status - new year');
|
|
$('.ui-datepicker-title-row td:first', dp).simulate('mouseover');
|
|
equals(status.text(), 'Week of the year', 'Status - week header');
|
|
var day = 0;
|
|
$('.ui-datepicker-title-row a', dp).each(function() {
|
|
$(this).simulate('mouseover');
|
|
equals(status.text(), 'Set ' + $.datepicker.regional[''].dayNames[day] +
|
|
' as first week day', 'Status - day ' + day);
|
|
day++;
|
|
});
|
|
$('.ui-datepicker-days-row:eq(1) td:first', dp).simulate('mouseover');
|
|
equals(status.text(), 'Week of the year', 'Status - week column');
|
|
day = 0;
|
|
var month = $.datepicker.regional[''].monthNamesShort[new Date().getMonth()];
|
|
$('.ui-datepicker-days-row:eq(1) a', dp).each(function() {
|
|
$(this).simulate('mouseover');
|
|
equals(status.text(), 'Select ' + $.datepicker.regional[''].dayNames[day] +
|
|
', ' + month + ' ' + $(this).text(), 'Status - dates');
|
|
day++;
|
|
});
|
|
$('.ui-datepicker-days-row a:contains("20")', dp).each(function() {
|
|
$(this).simulate('mouseover');
|
|
equals(status.text(), '*** 20 ***', 'Status - dates');
|
|
});
|
|
inp.datepicker('hide').datepicker('destroy');
|
|
});
|
|
|
|
test('localisation', function() {
|
|
var inp = init('#inp', $.datepicker.regional['fr']);
|
|
inp.datepicker('change', {dateFormat: 'DD, d MM yy', showStatus: true, showWeeks: true}).
|
|
val('').datepicker('show');
|
|
var dp = $('#ui-datepicker-div');
|
|
var status = $('.ui-datepicker-status', dp);
|
|
equals($('.ui-datepicker-clear', dp).text(), 'Effacer', 'Localisation - clear');
|
|
equals($('.ui-datepicker-close', dp).text(), 'Fermer', 'Localisation - close');
|
|
$('.ui-datepicker-close a', dp).simulate('mouseover');
|
|
equals(status.text(), 'Fermer sans modifier', 'Localisation - status');
|
|
equals($('.ui-datepicker-prev', dp).text(), '<Préc', 'Localisation - previous');
|
|
equals($('.ui-datepicker-current', dp).text(), 'Courant', 'Localisation - current');
|
|
equals($('.ui-datepicker-next', dp).text(), 'Suiv>', 'Localisation - next');
|
|
equals($('.ui-datepicker-current', dp).text(), 'Courant', 'Localisation - current');
|
|
var month = 0;
|
|
$('.ui-datepicker-new-month option', dp).each(function() {
|
|
equals($(this).text(), $.datepicker.regional['fr'].monthNames[month],
|
|
'Localisation - month ' + month);
|
|
month++;
|
|
});
|
|
equals($('.ui-datepicker-title-row td:first', dp).text(),
|
|
$.datepicker.regional['fr'].weekHeader, 'Localisation - week header');
|
|
var day = 0;
|
|
$('.ui-datepicker-title-row a', dp).each(function() {
|
|
equals($(this).text(), $.datepicker.regional['fr'].dayNamesMin[day],
|
|
'Localisation - day ' + day);
|
|
day++;
|
|
});
|
|
inp.simulate('keydown', {keyCode: $.simulate.VK_ENTER});
|
|
var date = new Date();
|
|
equals(inp.val(), $.datepicker.regional['fr'].dayNames[date.getDay()] + ', ' +
|
|
date.getDate() + ' ' + $.datepicker.regional['fr'].monthNames[date.getMonth()] +
|
|
' ' + date.getFullYear(), 'Localisation - formatting');
|
|
});
|
|
|
|
test('noWeekends', function() {
|
|
for (var i = 1; i <= 31; i++) {
|
|
var date = new Date(2001, 1 - 1, i);
|
|
isSet($.datepicker.noWeekends(date), [(i + 1) % 7 >= 2, ''],
|
|
'No weekends ' + date);
|
|
}
|
|
});
|
|
|
|
test('iso8601Week', function() {
|
|
var date = new Date(2000, 12 - 1, 31);
|
|
equals($.datepicker.iso8601Week(date), 52, 'ISO 8601 week ' + date);
|
|
date = new Date(2001, 1 - 1, 1);
|
|
equals($.datepicker.iso8601Week(date), 1, 'ISO 8601 week ' + date);
|
|
date = new Date(2001, 1 - 1, 7);
|
|
equals($.datepicker.iso8601Week(date), 1, 'ISO 8601 week ' + date);
|
|
date = new Date(2001, 1 - 1, 8);
|
|
equals($.datepicker.iso8601Week(date), 2, 'ISO 8601 week ' + date);
|
|
date = new Date(2003, 12 - 1, 28);
|
|
equals($.datepicker.iso8601Week(date), 52, 'ISO 8601 week ' + date);
|
|
date = new Date(2003, 12 - 1, 29);
|
|
equals($.datepicker.iso8601Week(date), 1, 'ISO 8601 week ' + date);
|
|
date = new Date(2004, 1 - 1, 4);
|
|
equals($.datepicker.iso8601Week(date), 1, 'ISO 8601 week ' + date);
|
|
date = new Date(2004, 1 - 1, 5);
|
|
equals($.datepicker.iso8601Week(date), 2, 'ISO 8601 week ' + date);
|
|
date = new Date(2009, 12 - 1, 28);
|
|
equals($.datepicker.iso8601Week(date), 53, 'ISO 8601 week ' + date);
|
|
date = new Date(2010, 1 - 1, 3);
|
|
equals($.datepicker.iso8601Week(date), 53, 'ISO 8601 week ' + date);
|
|
date = new Date(2010, 1 - 1, 4);
|
|
equals($.datepicker.iso8601Week(date), 1, 'ISO 8601 week ' + date);
|
|
date = new Date(2010, 1 - 1, 10);
|
|
equals($.datepicker.iso8601Week(date), 1, 'ISO 8601 week ' + date);
|
|
});
|
|
|
|
test('parseDate', function() {
|
|
init('#inp');
|
|
ok($.datepicker.parseDate('d m y', '') == null, 'Parse date empty');
|
|
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'),
|
|
new Date(2001, 2 - 1, 3), 'Parse date dd mm yy');
|
|
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'),
|
|
new Date(2001, 12 - 1, 13), 'Parse date dd mm yy');
|
|
equalsDate($.datepicker.parseDate('y-o', '2001-34'),
|
|
new Date(2001, 2 - 1, 3), 'Parse date y-o');
|
|
equalsDate($.datepicker.parseDate('yy-oo', '2001-347'),
|
|
new Date(2001, 12 - 1, 13), 'Parse date yy oo');
|
|
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'),
|
|
new Date(2001, 2 - 1, 3), 'Parse date D d M y');
|
|
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'),
|
|
new Date(2001, 2 - 1, 3), 'Parse date DD, MM d, yy');
|
|
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');
|
|
equalsDate($.datepicker.parseDate('y-m-d', '01-02-03'),
|
|
new Date(2001, 2 - 1, 3), 'Parse date y-m-d - default cutoff');
|
|
equalsDate($.datepicker.parseDate('y-m-d', '51-02-03'),
|
|
new Date(1951, 2 - 1, 3), 'Parse date y-m-d - default cutoff');
|
|
equalsDate($.datepicker.parseDate('y-m-d', '51-02-03', {shortYearCutoff: 80}),
|
|
new Date(2051, 2 - 1, 3), 'Parse date y-m-d - cutoff 80');
|
|
equalsDate($.datepicker.parseDate('y-m-d', '51-02-03', {shortYearCutoff: '+60'}),
|
|
new Date(2051, 2 - 1, 3), 'Parse date y-m-d - cutoff +60');
|
|
var fr = $.datepicker.regional['fr'];
|
|
var settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames,
|
|
monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames};
|
|
equalsDate($.datepicker.parseDate('D d M y', 'Lun 9 Avr 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),
|
|
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),
|
|
new Date(2001, 4 - 1, 9), 'Parse date DD, MM d, yy with settings');
|
|
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');
|
|
});
|
|
|
|
test('parseDateErrors', function() {
|
|
init('#inp');
|
|
var expectError = function(expr, value, error) {
|
|
try {
|
|
expr();
|
|
ok(false, 'Parsed error ' + value);
|
|
}
|
|
catch (e) {
|
|
equals(e, error, 'Parsed error ' + value);
|
|
}
|
|
};
|
|
expectError(function() { $.datepicker.parseDate(null, 'Sat 2 01'); },
|
|
'Sat 2 01', 'Invalid arguments');
|
|
expectError(function() { $.datepicker.parseDate('d m y', null); },
|
|
'null', 'Invalid arguments');
|
|
expectError(function() { $.datepicker.parseDate('d m y', 'Sat 2 01'); },
|
|
'Sat 2 01 - d m y', 'Missing number at position 0');
|
|
expectError(function() { $.datepicker.parseDate('dd mm yy', 'Sat 2 01'); },
|
|
'Sat 2 01 - dd mm yy', 'Missing number at position 0');
|
|
expectError(function() { $.datepicker.parseDate('d m y', '3 Feb 01'); },
|
|
'3 Feb 01 - d m y', 'Missing number at position 2');
|
|
expectError(function() { $.datepicker.parseDate('dd mm yy', '3 Feb 01'); },
|
|
'3 Feb 01 - dd mm yy', 'Missing number at position 2');
|
|
expectError(function() { $.datepicker.parseDate('d m y', '3 2 AD01'); },
|
|
'3 2 AD01 - d m y', 'Missing number at position 4');
|
|
expectError(function() { $.datepicker.parseDate('d m yy', '3 2 AD01'); },
|
|
'3 2 AD01 - dd mm yy', 'Missing number at position 4');
|
|
expectError(function() { $.datepicker.parseDate('y-o', '2001-D01'); },
|
|
'2001-D01 - y-o', 'Missing number at position 5');
|
|
expectError(function() { $.datepicker.parseDate('yy-oo', '2001-D01'); },
|
|
'2001-D01 - yy-oo', 'Missing number at position 5');
|
|
expectError(function() { $.datepicker.parseDate('D d M y', 'D7 3 Feb 01'); },
|
|
'D7 3 Feb 01 - D d M y', 'Unknown name at position 0');
|
|
expectError(function() { $.datepicker.parseDate('D d M y', 'Sat 3 M2 01'); },
|
|
'Sat 3 M2 01 - D d M y', 'Unknown name at position 6');
|
|
expectError(function() { $.datepicker.parseDate('DD, MM d, yy', 'Saturday- Feb 3, 2001'); },
|
|
'Saturday- Feb 3, 2001 - DD, MM d, yy', 'Unexpected literal at position 8');
|
|
expectError(function() { $.datepicker.parseDate('\'day\' d \'of\' MM (\'\'DD\'\'), yy',
|
|
'day 3 of February ("Saturday"), 2001'); },
|
|
'day 3 of Mon2 ("Day7"), 2001', 'Unexpected literal at position 19');
|
|
expectError(function() { $.datepicker.parseDate('d m y', '29 2 01'); },
|
|
'29 2 01 - d m y', 'Invalid date');
|
|
var fr = $.datepicker.regional['fr'];
|
|
var settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames,
|
|
monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames};
|
|
expectError(function() { $.datepicker.parseDate('D d M y', 'Mon 9 Avr 01', settings); },
|
|
'Mon 9 Avr 01 - D d M y', 'Unknown name at position 0');
|
|
expectError(function() { $.datepicker.parseDate('D d M y', 'Lun 9 Apr 01', settings); },
|
|
'Lun 9 Apr 01 - D d M y', 'Unknown name at position 6');
|
|
});
|
|
|
|
test('formatDate', function() {
|
|
init('#inp');
|
|
equals($.datepicker.formatDate('d m y', new Date(2001, 2 - 1, 3)),
|
|
'3 2 01', 'Format date d m y');
|
|
equals($.datepicker.formatDate('dd mm yy', new Date(2001, 2 - 1, 3)),
|
|
'03 02 2001', 'Format date dd mm yy');
|
|
equals($.datepicker.formatDate('d m y', new Date(2001, 12 - 1, 13)),
|
|
'13 12 01', 'Format date d m y');
|
|
equals($.datepicker.formatDate('dd mm yy', new Date(2001, 12 - 1, 13)),
|
|
'13 12 2001', 'Format date dd mm yy');
|
|
equals($.datepicker.formatDate('yy-o', new Date(2001, 2 - 1, 3)),
|
|
'2001-34', 'Format date yy-o');
|
|
equals($.datepicker.formatDate('yy-oo', new Date(2001, 2 - 1, 3)),
|
|
'2001-034', 'Format date yy-oo');
|
|
equals($.datepicker.formatDate('D M y', new Date(2001, 2 - 1, 3)),
|
|
'Sat Feb 01', 'Format date D M y');
|
|
equals($.datepicker.formatDate('DD MM yy', new Date(2001, 2 - 1, 3)),
|
|
'Saturday February 2001', 'Format date DD MM yy');
|
|
equals($.datepicker.formatDate('DD, MM d, yy', new Date(2001, 2 - 1, 3)),
|
|
'Saturday, February 3, 2001', 'Format date DD, MM d, yy');
|
|
equals($.datepicker.formatDate('\'day\' d \'of\' MM (\'\'DD\'\'), yy',
|
|
new Date(2001, 2 - 1, 3)), 'day 3 of February (\'Saturday\'), 2001',
|
|
'Format date \'day\' d \'of\' MM (\'\'DD\'\'), yy');
|
|
var fr = $.datepicker.regional['fr'];
|
|
var settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames,
|
|
monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames};
|
|
equals($.datepicker.formatDate('D M y', new Date(2001, 4 - 1, 9), settings),
|
|
'Lun Avr 01', 'Format date D M y with settings');
|
|
equals($.datepicker.formatDate('DD MM yy', new Date(2001, 4 - 1, 9), settings),
|
|
'Lundi Avril 2001', 'Format date DD MM yy with settings');
|
|
equals($.datepicker.formatDate('DD, MM d, yy', new Date(2001, 4 - 1, 9), settings),
|
|
'Lundi, Avril 9, 2001', 'Format date DD, MM d, yy with settings');
|
|
equals($.datepicker.formatDate('\'jour\' d \'de\' MM (\'\'DD\'\'), yy',
|
|
new Date(2001, 4 - 1, 9), settings), 'jour 9 de Avril (\'Lundi\'), 2001',
|
|
'Format date \'jour\' d \'de\' MM (\'\'DD\'\'), yy with settings');
|
|
});
|
|
|
|
})(jQuery);
|