Skip to content
Permalink
Browse files

Added tests for inline datepicker

  • Loading branch information
Keith Wood
Keith Wood committed Jul 18, 2008
1 parent 83f858a commit 0f1592128fadf1b65d335e0cd34d54a503ea9f89
Showing with 135 additions and 2 deletions.
  1. +1 −1 tests/datepicker.html
  2. +134 −1 tests/datepicker.js
@@ -29,7 +29,7 @@ <h2 id="userAgent"></h2>
<ol id="tests"></ol>

<div id="main" style="position:absolute;top:-2000000px;">
<p><input type="text" id="inp"/><input type="text" id="alt"/></p>
<p><input type="text" id="inp"/><input type="text" id="alt"/><div id="inl"></div></p>
</div>

</body>
@@ -94,6 +94,18 @@ test('destroy', function() {
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');
// Inline
var inl = init('#inl');
ok(inl.is('.hasDatepicker'), 'Inline - marker class set');
ok(inl.html() != '', 'Inline - datepicker present');
ok($.data(inl[0], 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], PROP_NAME), 'Inline - instance absent');
ok(inl.next().length == 0 || inl.next().is('p'), 'Inline - button absent');
});

test('change', function() {
@@ -276,6 +288,44 @@ test('baseStructure', function() {
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');
// Inline
var inl = 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');
ok(!dp.is('.ui-datepicker-multi'), 'Structure inline - not multi-month');
equals(dp.children().length, 3, 'Structure inline - child count');
var links = dp.children(':first');
ok(links.is('div.ui-datepicker-links'), 'Structure inline - links division');
equals(links.children().length, 3, 'Structure inline - links child count');
var month = dp.children(':eq(1)');
ok(month.is('div.ui-datepicker-one-month') && month.is('div.ui-datepicker-new-row'),
'Structure inline - month division');
var header = month.children(':first');
ok(header.is('div.ui-datepicker-header'), 'Structure inline - month header division');
equals(header.children().length, 2, 'Structure inline - month header child count');
var table = month.children(':eq(1)');
ok(table.is('table.ui-datepicker'), 'Structure inline - month table');
ok(table.children(':first').is('thead'), 'Structure inline - month table thead');
ok(table.children(':eq(1)').is('tbody'), 'Structure inline - month table body');
ok(dp.children('.ui-datepicker-status').length == 0, 'Structure inline - status');
inl.datepicker('destroy');
// Inline multi-month
inl = init('#inl', {numberOfMonths: 2});
dp = inl.children();
ok(dp.is('.ui-datepicker-inline'), 'Structure inline multi - main div');
ok(dp.is('.ui-datepicker-multi'), 'Structure inline multi - not multi-month');
equals(dp.children().length, 4, 'Structure inline multi - child count');
var links = dp.children(':first');
ok(links.is('div.ui-datepicker-links'), 'Structure inline multi - links division');
equals(links.children().length, 3, 'Structure inline multi - links child count');
var month = dp.children(':eq(1)');
ok(month.is('div.ui-datepicker-one-month') && month.is('div.ui-datepicker-new-row'),
'Structure inline multi - first month division');
month = dp.children(':eq(2)');
ok(month.is('div.ui-datepicker-one-month') && !month.is('div.ui-datepicker-new-row'),
'Structure inline multi - second month division');
inl.datepicker('destroy');
});

test('customStructure', function() {
@@ -371,6 +421,23 @@ test('customStructure', function() {
ok(dp.children(':last').prev().is('div.ui-datepicker-status'),
'Structure show status - status division');
inp.datepicker('hide').datepicker('destroy');
// Inline
var inl = init('#inl', {showStatus: true, hideIfNoPrevNext: true,
minDate: new Date(2008, 2 - 1, 4), maxDate: new Date(2008, 2 - 1, 14)});
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');
ok(!dp.is('.ui-datepicker-multi'), 'Structure inline - not multi-month');
equals(dp.children().length, 5, 'Structure inline - child count');
var links = dp.children(':first');
ok(links.is('div.ui-datepicker-links'), 'Structure inline - links division');
equals(links.children().children().length, 0, 'Structure inline - links child count');
var month = dp.children(':eq(1)');
ok(month.is('div.ui-datepicker-one-month') && month.is('div.ui-datepicker-new-row'),
'Structure inline - month division');
ok(dp.children(':last').prev().is('div.ui-datepicker-status'),
'Structure inline - status');
inl.datepicker('destroy');
});

test('enableDisable', function() {
@@ -607,6 +674,32 @@ test('mouse', function() {
$('.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');
// Inline
var inl = init('#inl');
var dp = $('.ui-datepicker-inline', inl);
var date = new Date();
inl.datepicker('setDate', date);
$('.ui-datepicker tbody a:contains(10)', dp).simulate('click', {});
date.setDate(10);
equalsDate(inl.datepicker('getDate'), date, 'Mouse click inline');
inl.datepicker('setDate', new Date(2008, 2 - 1, 4));
$('.ui-datepicker tbody a:contains(12)', dp).simulate('click', {});
equalsDate(inl.datepicker('getDate'), new Date(2008, 2 - 1, 12),
'Mouse click inline - preset');
$('.ui-datepicker-current a', dp).simulate('click', {});
$('.ui-datepicker tbody a:contains(14)', dp).simulate('click', {});
date.setDate(14);
equalsDate(inl.datepicker('getDate'), date, 'Mouse click inline - current');
inl.datepicker('setDate', new Date(2008, 2 - 1, 4));
$('.ui-datepicker-prev a', dp).simulate('click', {});
$('.ui-datepicker tbody a:contains(16)', dp).simulate('click', {});
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 a', dp).simulate('click', {});
$('.ui-datepicker tbody a:contains(18)', dp).simulate('click', {});
equalsDate(inl.datepicker('getDate'), new Date(2008, 3 - 1, 18),
'Mouse click inline - next');
});

test('defaultDate', function() {
@@ -771,7 +864,7 @@ test('minMax', function() {
simulate('keydown', {keyCode: $.simulate.VK_ENTER});
equalsDate(inp.datepicker('getDate'), maxDate,
'Min/max - null, 12/07/2008 - ctrl+pgdn');
// relative dates
// Relative dates
var date = new Date();
date.setDate(date.getDate() - 7);
inp.datepicker('change', {minDate: '-1w', maxDate: '+1 M +10 D '}).
@@ -794,6 +887,7 @@ test('setDate', function() {
var inp = init('#inp');
var date1 = new Date(2008, 6 - 1, 4);
var 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');
date1 = new Date();
@@ -839,6 +933,24 @@ test('setDate', function() {
'Set date range - -2w');
inp.datepicker('setDate');
isObj(inp.datepicker('getDate'), [null, null], 'Set date range - null');
// Inline
var inl = init('#inl');
var date1 = new Date(2008, 6 - 1, 4);
var date2 = new Date();
equalsDate(inl.datepicker('getDate'), date2, 'Set date inline - default');
inl.datepicker('setDate', date1);
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');
date2.setFullYear(date2.getFullYear() + 2);
inl.datepicker('setDate', '+2y');
equalsDate(inl.datepicker('getDate'), date2, 'Set date inline - +2y');
inl.datepicker('setDate', date1, date2);
equalsDate(inl.datepicker('getDate'), date1, 'Set date inline - two dates');
inl.datepicker('setDate');
ok(inl.datepicker('getDate') == null, 'Set date inline - null');
});

test('ranges', function() {
@@ -930,6 +1042,27 @@ test('ranges', function() {
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');
// Inline
var inl = init('#inl', {rangeSelect: true});
var dp = $('.ui-datepicker-inline', inl);
date1 = new Date();
date1.setDate(12);
date2 = new Date();
date2.setDate(19);
$('.ui-datepicker tbody a:contains(12)', dp).simulate('click', {});
$('.ui-datepicker tbody a:contains(12)', dp).simulate('click', {});
equalsDateArray(inl.datepicker('getDate'), [date1, date1],
'Range inline - same day');
$('.ui-datepicker tbody a:contains(12)', dp).simulate('click', {});
$('.ui-datepicker tbody a:contains(10)', dp).simulate('click', {}); // Doesn't select
equalsDateArray(inl.datepicker('getDate'), [date1, date1],
'Range inline - prev');
$('.ui-datepicker tbody a:contains(12)', dp).simulate('click', {}); // Selects
inl.datepicker('setDate', date1);
$('.ui-datepicker tbody a:contains(12)', dp).simulate('click', {});
$('.ui-datepicker tbody a:contains(19)', dp).simulate('click', {});
equalsDateArray(inl.datepicker('getDate'), [date1, date2],
'Range inline - next');
});

test('altField', function() {

0 comments on commit 0f15921

Please sign in to comment.
You can’t perform that action at this time.