').html('»').text());
});
test('Nav arrow html templates with span tag', function () {
var input = $('
')
.appendTo('#qunit-fixture')
.val('2012-10-26')
.datepicker({
format: 'yyyy-mm-dd',
templates: {
leftArrow: '
',
rightArrow: '
'
}
}),
dp = input.data('datepicker'),
picker = dp.picker,
target;
input.focus();
target = picker.find('.datepicker-months tbody span:nth(9)');
ok(target.hasClass('active'), 'Month is selected');
});
test('Nav arrow html templates .prev click', function () {
var input = $('
')
.appendTo('#qunit-fixture')
.val('2012-10-26')
.datepicker({
format: 'yyyy-mm-dd',
startView: 1,
templates: {
leftArrow: '
'
}
}),
dp = input.data('datepicker'),
picker = dp.picker,
target;
input.focus();
picker.find('.datepicker-months thead .prev i').trigger('click');
target = picker.find('.datepicker-months thead .datepicker-switch');
equal(target.text(), '2011');
});
test('Visibility of the prev and next arrows for year/decade/century/millenium views with startDate and endDate', function(){
var input = $('
')
.appendTo('#qunit-fixture')
.val('01/01/2015')
.datepicker({
format: 'dd/mm/yyyy',
startView: 1,
startDate: '01/12/2014',
endDate: '01/12/2016'
}),
dp = input.data('datepicker'),
picker = dp.picker,
target;
input.focus();
target = picker.find('.datepicker-months thead th.prev');
ok(!target.hasClass('disabled'), 'Prev switcher is not hidden');
target = picker.find('.datepicker-months thead th.next');
ok(!target.hasClass('disabled'), 'Next switcher is not hidden');
picker.find('.datepicker-months thead th.datepicker-switch').click();
target = picker.find('.datepicker-years thead th.prev');
ok(target.hasClass('disabled'), 'Prev switcher is hidden');
target = picker.find('.datepicker-years thead th.next');
ok(target.hasClass('disabled'), 'Next switcher is hidden');
picker.find('.datepicker-years thead th.datepicker-switch').click();
target = picker.find('.datepicker-decades thead th.prev');
ok(target.hasClass('disabled'), 'Prev switcher is hidden');
target = picker.find('.datepicker-decades thead th.next');
ok(target.hasClass('disabled'), 'Next switcher is hidden');
picker.find('.datepicker-decades thead th.datepicker-switch').click();
target = picker.find('.datepicker-centuries thead th.prev');
ok(target.hasClass('disabled'), 'Prev switcher is hidden');
target = picker.find('.datepicker-centuries thead th.next');
ok(target.hasClass('disabled'), 'Next switcher is hidden');
});
test('date cells (outdated)', function(){
var input = $('
')
.appendTo('#qunit-fixture')
.datepicker(),
dp = input.data('datepicker'),
picker = dp.picker;
input.focus();
picker.find('.datepicker-days .day').each(function(){
ok(this.hasAttribute('data-date'));
});
});
test('keepEmptyValues: none (default is false)', function() {
var proxy_element = $('
').appendTo('#qunit-fixture'),
input_from = $('
').val('2016-04-01').appendTo('#qunit-fixture'),
input_to = $('
').appendTo('#qunit-fixture'),
dp = proxy_element.datepicker({
format: 'yyyy-mm-dd',
inputs: [input_from, input_to]
}),
input_from_dp = input_from.data('datepicker');
input_from.focus();
input_from_dp.picker.find('.old.day').eq(0).click();
equal(input_from.val(), '2016-03-27');
equal(input_to.val(), '2016-03-27', 'Input_from value should be distributed.');
});
test('keepEmptyValues: true', function() {
var proxy_element = $('
').appendTo('#qunit-fixture'),
input_from = $('
').val('2016-04-01').appendTo('#qunit-fixture'),
input_to = $('
').appendTo('#qunit-fixture'),
dp = proxy_element.datepicker({
format: 'yyyy-mm-dd',
inputs: [input_from, input_to],
keepEmptyValues: true
}),
input_from_dp = input_from.data('datepicker');
input_from.focus();
input_from_dp.picker.find('.old.day').eq(0).click();
equal(input_from.val(), '2016-03-27');
equal(input_to.val(), '', 'Input_from value should not be distributed.');
});
test('maxViewMode and navigation switch', function(){
var input = $('
')
.appendTo('#qunit-fixture')
.datepicker({
maxViewMode: 0
}),
dp = input.data('datepicker'),
picker = dp.picker;
input.focus();
picker.find('.datepicker-days thead th.datepicker-switch').click();
ok(picker.find('.datepicker-days').is(':visible'), 'Days view visible');
});
test('updateViewDate', function() {
expect(8);
var input = $('
')
.appendTo('#qunit-fixture')
.datepicker({
defaultViewDate: {
year: 1945,
month: 4,
day: 8
},
updateViewDate: false
})
.on('changeMonth', function() {
var msg = shouldTriggerChangeMonth ? 'changeMonth must be triggered' : 'changeMonth must not be triggered';
ok(shouldTriggerChangeMonth, msg);
})
.on('changeYear', function() {
var msg = shouldTriggerChangeYear ? 'changeYear must be triggered' : 'changeYear must not be triggered';
ok(shouldTriggerChangeYear, msg);
}),
dp = input.data('datepicker'),
picker = dp.picker,
shouldTriggerChangeMonth = false,
shouldTriggerChangeYear = false,
monthShown = picker.find('.datepicker-days thead th.datepicker-switch');
equal(monthShown.text(), "May 1945", 'uses defaultViewDate on initialization');
input.datepicker('setDate', new Date(1945, 8, 2));
equal(monthShown.text(), "May 1945", 'does not change viewDate on `setDate` method');
input.focus();
picker.find('.datepicker-days tbody tr td.day.new:first').click();
equal(monthShown.text(), "May 1945", 'does not change viewDate if a day in next month is selected');
shouldTriggerChangeMonth = true;
picker.find('.datepicker-days thead th.next').click();
equal(monthShown.text(), 'June 1945', 'changing month must still be possible'); // and must trigger `changeMonth` event
shouldTriggerChangeYear = true;
picker.find('.datepicker-days thead th.datepicker-switch').click();
picker.find('.datepicker-months thead th.next').click();
picker.find('.datepicker-months tbody .month:first').click();
equal(monthShown.text(), 'January 1946', 'changing year must still be possible'); // and must trigger `changeYear` and `changeMonth` events
});
test('Week Days: Week days default visibility (or enabled)', function(){
var input = $('
')
.appendTo('#qunit-fixture')
.val('2012-03-05')
.datepicker({
format: 'yyyy-mm-dd'
}),
dp = input.data('datepicker'),
picker = dp.picker,
target;
input.focus();
ok(picker.find('.dow').length > 0, 'Week days added to view');
});
test('Week Days: Week days visibility when disabled', function(){
var input = $('
')
.appendTo('#qunit-fixture')
.val('2012-03-05')
.datepicker({
format: 'yyyy-mm-dd',
showWeekDays: false
}),
dp = input.data('datepicker'),
picker = dp.picker,
target;
input.focus();
ok(picker.find('.dow').length === 0, 'Week days not added to view');
});