mirror of
https://github.com/jquery/jquery-ui.git
synced 2026-01-29 13:57:57 -05:00
Add datepicker tests
This commit is contained in:
Keith Wood
@@ -21,6 +21,7 @@
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="accordion.js"></script>
|
||||
<script type="text/javascript" src="datepicker.js"></script>
|
||||
<script type="text/javascript" src="dialog.js"></script>
|
||||
<script type="text/javascript" src="draggable.js"></script>
|
||||
<script type="text/javascript" src="resizable.js"></script>
|
||||
@@ -40,6 +41,7 @@
|
||||
<h4>Run individual testsuites or doubleclick a test below</h4>
|
||||
<ul>
|
||||
<li><a href="accordion.html">Accordion</a></li>
|
||||
<li><a href="datepicker.html">Datepicker</a></li>
|
||||
<li><a href="dialog.html">Dialog</a></li>
|
||||
<li><a href="draggable.html">Draggable</a></li>
|
||||
<li><a href="resizable.html">Resizable</a></li>
|
||||
@@ -51,6 +53,8 @@
|
||||
|
||||
<div id="main" style="position:absolute;top:-2000000px;">
|
||||
|
||||
<p><input type="text" id="dp1"/><input type="text" id="rem"/></p>
|
||||
|
||||
<div id="draggable1" style="background: green; width: 200px; height: 100px;">Relative</div>
|
||||
<div id="draggable2" style="background: green; width: 200px; height: 100px; position: absolute; top: 10px; left: 10px;"><span>Absolute</span></div>
|
||||
|
||||
|
||||
40
tests/datepicker.html
Normal file
40
tests/datepicker.html
Normal file
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Datepicker Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.core.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.datepicker.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="datepicker.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.xerror, .error { display: none }
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Datepicker Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-2000000px;">
|
||||
|
||||
<p><input type="text" id="dp1"/><input type="text" id="rem"/></p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
225
tests/datepicker.js
Normal file
225
tests/datepicker.js
Normal file
@@ -0,0 +1,225 @@
|
||||
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);
|
||||
}
|
||||
|
||||
test('defaults', function() {
|
||||
var dp1 = $('#dp1');
|
||||
dp1.datepicker();
|
||||
ok(dp1.is('.hasDatepicker'), 'Marker class set');
|
||||
ok($($.datepicker._datepickerDiv).html() == '', 'Content empty');
|
||||
dp1.focus();
|
||||
ok($($.datepicker._datepickerDiv).html() != '', 'Content present');
|
||||
dp1.blur();
|
||||
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('remove', function() {
|
||||
var rem = $('#rem');
|
||||
rem.datepicker();
|
||||
ok(rem.is('.hasDatepicker'), 'Marker class set');
|
||||
ok(rem[0]._calId != null, 'Datepicker ID present');
|
||||
rem.datepicker('destroy');
|
||||
ok(!rem.is('.hasDatepicker'), 'Marker class cleared');
|
||||
ok(rem[0]._calId == null, 'Datepicker ID absent');
|
||||
});
|
||||
|
||||
test('change', function() {
|
||||
var dp1 = $('#dp1');
|
||||
dp1.datepicker();
|
||||
var inst = $.datepicker._inst[dp1[0]._calId];
|
||||
equals(inst._settings.showOn, null, 'Initial setting showOn');
|
||||
equals(inst._get('showOn'), 'focus', 'Initial instance showOn');
|
||||
equals($.datepicker._defaults.showOn, 'focus', 'Initial default showOn');
|
||||
dp1.datepicker('change', 'showOn', 'button');
|
||||
equals(inst._settings.showOn, 'button', 'Change setting showOn');
|
||||
equals(inst._get('showOn'), 'button', 'Change instance showOn');
|
||||
equals($.datepicker._defaults.showOn, 'focus', 'Retain default showOn');
|
||||
dp1.datepicker('change', {showOn: 'both'});
|
||||
equals(inst._settings.showOn, 'both', 'Change setting showOn');
|
||||
equals(inst._get('showOn'), 'both', 'Change instance showOn');
|
||||
equals($.datepicker._defaults.showOn, 'focus', 'Retain default showOn');
|
||||
dp1.datepicker('change', 'showOn', undefined);
|
||||
equals(inst._settings.showOn, null, 'Clear setting showOn');
|
||||
equals(inst._get('showOn'), 'focus', 'Restore instance showOn');
|
||||
equals($.datepicker._defaults.showOn, 'focus', 'Retain default showOn');
|
||||
});
|
||||
|
||||
test('enableDisable', function() {
|
||||
var dp1 = $('#dp1');
|
||||
dp1.datepicker();
|
||||
ok(!dp1.datepicker('isDisabled'), 'Initially enabled');
|
||||
dp1.datepicker('disable');
|
||||
ok(dp1.datepicker('isDisabled'), 'Now disabled');
|
||||
dp1.datepicker('enable');
|
||||
ok(!dp1.datepicker('isDisabled'), 'Now enabled');
|
||||
});
|
||||
/*
|
||||
test('keystrokes', function() {
|
||||
var dp1 = $('#dp1');
|
||||
dp1.datepicker().val('').focus();
|
||||
dp1.simulate('keydown', {keyCode: 13});
|
||||
equalsDate(dp1.datepicker('getDate'), new Date(), 'Select today');
|
||||
dp1.blur();
|
||||
});
|
||||
*/
|
||||
test('noWeekends', function() {
|
||||
for (var i = 1; i <= 31; i++) {
|
||||
var date = new Date(2001, 1 - 1, i);
|
||||
isObj($.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() {
|
||||
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('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');
|
||||
var daysShort = ['D1', 'D2', 'D3', 'D4', 'D5', 'D6', 'D7'];
|
||||
var daysLong = ['Day1', 'Day2', 'Day3', 'Day4', 'Day5', 'Day6', 'Day7'];
|
||||
var monthsShort = ['M1', 'M2', 'M3', 'M4', 'M5', 'M6',
|
||||
'M7', 'M8', 'M9', 'M10', 'M11', 'M12'];
|
||||
var monthsLong = ['Mon1', 'Mon2', 'Mon3', 'Mon4', 'Mon5', 'Mon6',
|
||||
'Mon7', 'Mon8', 'Mon9', 'Mon10', 'Mon11', 'Mon12'];
|
||||
var settings = {dayNamesShort: daysShort, dayNames: daysLong,
|
||||
monthNamesShort: monthsShort, monthNames: monthsLong};
|
||||
equalsDate($.datepicker.parseDate('D d M y', 'D7 3 M2 01', settings),
|
||||
new Date(2001, 2 - 1, 3), 'Parse date D M y with settings');
|
||||
equalsDate($.datepicker.parseDate('d MM DD yy', '3 Mon2 Day7 2001', settings),
|
||||
new Date(2001, 2 - 1, 3), 'Parse date d MM DD yy with settings');
|
||||
equalsDate($.datepicker.parseDate('DD, MM d, yy', 'Day7, Mon2 3, 2001', settings),
|
||||
new Date(2001, 2 - 1, 3), 'Parse date DD, MM d, yy with settings');
|
||||
equalsDate($.datepicker.parseDate('\'day\' d of MM (\'\'DD\'\'), yy', 'day 3 of Mon2 (\'Day7\'), 2001', settings),
|
||||
new Date(2001, 2 - 1, 3), 'Parse date \'day\' d of MM (\'\'DD\'\'), yy with settings');
|
||||
});
|
||||
|
||||
test('parseDateErrors', function() {
|
||||
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', 'Missing number at position 0');
|
||||
expectError(function() { $.datepicker.parseDate('d m y', '3 Feb 01'); },
|
||||
'3 Feb 01', 'Missing number at position 2');
|
||||
expectError(function() { $.datepicker.parseDate('d m y', '3 2 AD01'); },
|
||||
'3 2 AD01', 'Missing number at position 4');
|
||||
expectError(function() { $.datepicker.parseDate('D d M y', 'D7 3 Feb 01'); },
|
||||
'D7 3 Feb 01', 'Unknown name at position 0');
|
||||
expectError(function() { $.datepicker.parseDate('D d M y', 'Sat 3 M2 01'); },
|
||||
'Sat 3 M2 01', 'Unknown name at position 6');
|
||||
expectError(function() { $.datepicker.parseDate('DD, MM d, yy', 'Saturday- Feb 3, 2001'); },
|
||||
'Sat- Feb 3, 2001', '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', 'Invalid date');
|
||||
var daysShort = ['D1', 'D2', 'D3', 'D4', 'D5', 'D6', 'D7'];
|
||||
var daysLong = ['Day1', 'Day2', 'Day3', 'Day4', 'Day5', 'Day6', 'Day7'];
|
||||
var monthsShort = ['M1', 'M2', 'M3', 'M4', 'M5', 'M6',
|
||||
'M7', 'M8', 'M9', 'M10', 'M11', 'M12'];
|
||||
var monthsLong = ['Mon1', 'Mon2', 'Mon3', 'Mon4', 'Mon5', 'Mon6',
|
||||
'Mon7', 'Mon8', 'Mon9', 'Mon10', 'Mon11', 'Mon12'];
|
||||
var settings = {dayNamesShort: daysShort, dayNames: daysLong,
|
||||
monthNamesShort: monthsShort, monthNames: monthsLong};
|
||||
expectError(function() { $.datepicker.parseDate('D d M y', 'Sat 3 M2 01', settings); },
|
||||
'Sat 3 M2 01', 'Unknown name at position 0');
|
||||
expectError(function() { $.datepicker.parseDate('D d M y', 'D7 3 Feb 01', settings); },
|
||||
'D7 3 Feb 01', 'Unknown name at position 5');
|
||||
});
|
||||
|
||||
test('formatDate', function() {
|
||||
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('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 daysShort = ['D1', 'D2', 'D3', 'D4', 'D5', 'D6', 'D7'];
|
||||
var daysLong = ['Day1', 'Day2', 'Day3', 'Day4', 'Day5', 'Day6', 'Day7'];
|
||||
var monthsShort = ['M1', 'M2', 'M3', 'M4', 'M5', 'M6',
|
||||
'M7', 'M8', 'M9', 'M10', 'M11', 'M12'];
|
||||
var monthsLong = ['Mon1', 'Mon2', 'Mon3', 'Mon4', 'Mon5', 'Mon6',
|
||||
'Mon7', 'Mon8', 'Mon9', 'Mon10', 'Mon11', 'Mon12'];
|
||||
var settings = {dayNamesShort: daysShort, dayNames: daysLong,
|
||||
monthNamesShort: monthsShort, monthNames: monthsLong};
|
||||
equals($.datepicker.formatDate('D M y', new Date(2001, 2 - 1, 3), settings),
|
||||
'D7 M2 01', 'Format date D M y with settings');
|
||||
equals($.datepicker.formatDate('DD MM yy', new Date(2001, 2 - 1, 3), settings),
|
||||
'Day7 Mon2 2001', 'Format date DD MM yy with settings');
|
||||
equals($.datepicker.formatDate('DD, MM d, yy', new Date(2001, 2 - 1, 3), settings),
|
||||
'Day7, Mon2 3, 2001', 'Format date DD, MM d, yy with settings');
|
||||
equals($.datepicker.formatDate('\'day\' d of MM (\'\'DD\'\'), yy', new Date(2001, 2 - 1, 3), settings),
|
||||
'day 3 of Mon2 (\'Day7\'), 2001', 'Format date \'day\' d of MM (\'\'DD\'\'), yy with settings');
|
||||
});
|
||||
Reference in New Issue
Block a user