module('Options', { setup: function(){}, teardown: function(){ return $('#qunit-fixture *').each(function(){ var t = $(this); if ('datepicker' in t.data()) t.data('datepicker').picker.remove(); }); } }); test('Autoclose', function(){ var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', autoclose: true }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.is(':visible'), 'Picker is visible'); target = picker.find('.datepicker-days tbody td:nth(7)'); equal(target.text(), '4'); // Mar 4 target.click(); ok(picker.is(':not(:visible)'), 'Picker is hidden'); datesEqual(dp.date, UTCDate(2012, 2, 4)); datesEqual(dp.viewDate, UTCDate(2012, 2, 4)); }); test('Startview: year view (integer)', function(){ var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', startView: 1 }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.find('.datepicker-days').is(':not(:visible)'), 'Days view hidden'); ok(picker.find('.datepicker-months').is(':visible'), 'Months view visible'); ok(picker.find('.datepicker-years').is(':not(:visible)'), 'Years view hidden'); }); test('Startview: year view (string)', function(){ var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', startView: 'year' }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.find('.datepicker-days').is(':not(:visible)'), 'Days view hidden'); ok(picker.find('.datepicker-months').is(':visible'), 'Months view visible'); ok(picker.find('.datepicker-years').is(':not(:visible)'), 'Years view hidden'); }); test('Startview: decade view (integer)', function(){ var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', startView: 2 }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.find('.datepicker-days').is(':not(:visible)'), 'Days view hidden'); ok(picker.find('.datepicker-months').is(':not(:visible)'), 'Months view hidden'); ok(picker.find('.datepicker-years').is(':visible'), 'Years view visible'); }); test('Startview: decade view (string)', function(){ var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', startView: 'decade' }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.find('.datepicker-days').is(':not(:visible)'), 'Days view hidden'); ok(picker.find('.datepicker-months').is(':not(:visible)'), 'Months view hidden'); ok(picker.find('.datepicker-years').is(':visible'), 'Years view visible'); }); test('Today Button: today button not default', 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('.datepicker-days').is(':visible'), 'Days view visible'); ok(picker.find('.datepicker-days tfoot .today').is(':not(:visible)'), 'Today button not visible'); }); test('Today Button: today visibility when enabled', function(){ var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', todayBtn: true }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.find('.datepicker-days').is(':visible'), 'Days view visible'); ok(picker.find('.datepicker-days tfoot .today').is(':visible'), 'Today button visible'); picker.find('.datepicker-days thead th.switch').click(); ok(picker.find('.datepicker-months').is(':visible'), 'Months view visible'); ok(picker.find('.datepicker-months tfoot .today').is(':visible'), 'Today button visible'); picker.find('.datepicker-months thead th.switch').click(); ok(picker.find('.datepicker-years').is(':visible'), 'Years view visible'); ok(picker.find('.datepicker-years tfoot .today').is(':visible'), 'Today button visible'); }); test('Today Button: data-api', 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('.datepicker-days').is(':visible'), 'Days view visible'); ok(picker.find('.datepicker-days tfoot .today').is(':visible'), 'Today button visible'); }); test('Today Button: moves to today\'s date', function(){ var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', todayBtn: true }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.find('.datepicker-days').is(':visible'), 'Days view visible'); ok(picker.find('.datepicker-days tfoot .today').is(':visible'), 'Today button visible'); target = picker.find('.datepicker-days tfoot .today'); target.click(); var d = new Date(), today = UTCDate(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate()); datesEqual(dp.viewDate, today); datesEqual(dp.date, UTCDate(2012, 2, 5)); }); test('Today Button: "linked" selects today\'s date', function(){ var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', todayBtn: "linked" }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.find('.datepicker-days').is(':visible'), 'Days view visible'); ok(picker.find('.datepicker-days tfoot .today').is(':visible'), 'Today button visible'); target = picker.find('.datepicker-days tfoot .today'); target.click(); var d = new Date(), today = UTCDate(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate()); datesEqual(dp.viewDate, today); datesEqual(dp.date, today); }); test('Today Highlight: today\'s date is not highlighted by default', patch_date(function(Date){ Date.now = UTCDate(2012, 2, 15); 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('.datepicker-days').is(':visible'), 'Days view visible'); equal(picker.find('.datepicker-days thead .switch').text(), 'March 2012', 'Title is "March 2012"'); target = picker.find('.datepicker-days tbody td:contains(15)'); ok(!target.hasClass('today'), 'Today is not marked with "today" class'); target = picker.find('.datepicker-days tbody td:contains(14)'); ok(!target.hasClass('today'), 'Yesterday is not marked with "today" class'); target = picker.find('.datepicker-days tbody td:contains(16)'); ok(!target.hasClass('today'), 'Tomorrow is not marked with "today" class'); })); test('Today Highlight: today\'s date is highlighted when not active', patch_date(function(Date){ Date.now = UTCDate(2012, 2, 15); var input = $('') .appendTo('#qunit-fixture') .val('2012-03-05') .datepicker({ format: 'yyyy-mm-dd', todayHighlight: true }), dp = input.data('datepicker'), picker = dp.picker, target; input.focus(); ok(picker.find('.datepicker-days').is(':visible'), 'Days view visible'); equal(picker.find('.datepicker-days thead .switch').text(), 'March 2012', 'Title is "March 2012"'); target = picker.find('.datepicker-days tbody td:contains(15)'); ok(target.hasClass('today'), 'Today is marked with "today" class'); target = picker.find('.datepicker-days tbody td:contains(14)'); ok(!target.hasClass('today'), 'Yesterday is not marked with "today" class'); target = picker.find('.datepicker-days tbody td:contains(16)'); ok(!target.hasClass('today'), 'Tomorrow is not marked with "today" class'); }));