bootstrap-datepicker 1.1.1

data/tests/suites/events.js

@@ -0,0 +1,306 @@
+module('Events', {
+    setup: function(){
+        this.input = $('<input type="text" value="31-03-2011">')
+                        .appendTo('#qunit-fixture')
+                        .datepicker({format: "dd-mm-yyyy"})
+                        .focus(); // Activate for visibility checks
+        this.dp = this.input.data('datepicker')
+        this.picker = this.dp.picker;
+    },
+    teardown: function(){
+        this.picker.remove();
+    }
+});
+
+test('Selecting a year from decade view triggers changeYear', function(){
+    var target,
+        triggered = 0;
+
+    this.input.on('changeYear', function(){
+        triggered++;
+    });
+
+    equal(this.dp.viewMode, 0);
+    target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+    ok(target.is(':visible'), 'View switcher is visible');
+
+    target.click();
+    ok(this.picker.find('.datepicker-months').is(':visible'), 'Month picker is visible');
+    equal(this.dp.viewMode, 1);
+    // Not modified when switching modes
+    datesEqual(this.dp.viewDate, UTCDate(2011, 2, 31));
+    datesEqual(this.dp.dates[0], UTCDate(2011, 2, 31));
+
+    target = this.picker.find('.datepicker-months thead th.datepicker-switch');
+    ok(target.is(':visible'), 'View switcher is visible');
+
+    target.click();
+    ok(this.picker.find('.datepicker-years').is(':visible'), 'Year picker is visible');
+    equal(this.dp.viewMode, 2);
+    // Not modified when switching modes
+    datesEqual(this.dp.viewDate, UTCDate(2011, 2, 31));
+    datesEqual(this.dp.dates[0], UTCDate(2011, 2, 31));
+
+    // Change years to test internal state changes
+    target = this.picker.find('.datepicker-years tbody span:contains(2010)');
+    target.click();
+    equal(this.dp.viewMode, 1);
+    // Only viewDate modified
+    datesEqual(this.dp.viewDate, UTCDate(2010, 2, 1));
+    datesEqual(this.dp.dates[0], UTCDate(2011, 2, 31));
+    equal(triggered, 1);
+});
+
+test('Navigating forward/backward from month view triggers changeYear', function(){
+    var target,
+        triggered = 0;
+
+    this.input.on('changeYear', function(){
+        triggered++;
+    });
+
+    equal(this.dp.viewMode, 0);
+    target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+    ok(target.is(':visible'), 'View switcher is visible');
+
+    target.click();
+    ok(this.picker.find('.datepicker-months').is(':visible'), 'Month picker is visible');
+    equal(this.dp.viewMode, 1);
+
+    target = this.picker.find('.datepicker-months thead th.prev');
+    ok(target.is(':visible'), 'Prev switcher is visible');
+
+    target.click();
+    ok(this.picker.find('.datepicker-months').is(':visible'), 'Month picker is visible');
+    equal(triggered, 1);
+
+    target = this.picker.find('.datepicker-months thead th.next');
+    ok(target.is(':visible'), 'Next switcher is visible');
+
+    target.click();
+    ok(this.picker.find('.datepicker-months').is(':visible'), 'Month picker is visible');
+    equal(triggered, 2);
+});
+
+test('Selecting a month from year view triggers changeMonth', function(){
+    var target,
+        triggered = 0;
+
+    this.input.on('changeMonth', function(){
+        triggered++;
+    });
+
+    equal(this.dp.viewMode, 0);
+    target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+    ok(target.is(':visible'), 'View switcher is visible');
+
+    target.click();
+    ok(this.picker.find('.datepicker-months').is(':visible'), 'Month picker is visible');
+    equal(this.dp.viewMode, 1);
+    // Not modified when switching modes
+    datesEqual(this.dp.viewDate, UTCDate(2011, 2, 31));
+    datesEqual(this.dp.dates[0], UTCDate(2011, 2, 31));
+
+    target = this.picker.find('.datepicker-months tbody span:contains(Apr)');
+    target.click();
+    equal(this.dp.viewMode, 0);
+    // Only viewDate modified
+    datesEqual(this.dp.viewDate, UTCDate(2011, 3, 1));
+    datesEqual(this.dp.dates[0], UTCDate(2011, 2, 31));
+    equal(triggered, 1);
+});
+
+test('Navigating forward/backward from month view triggers changeMonth', function(){
+    var target,
+        triggered = 0;
+
+    this.input.on('changeMonth', function(){
+        triggered++;
+    });
+
+    equal(this.dp.viewMode, 0);
+    target = this.picker.find('.datepicker-days thead th.prev');
+    ok(target.is(':visible'), 'Prev switcher is visible');
+
+    target.click();
+    ok(this.picker.find('.datepicker-days').is(':visible'), 'Day picker is visible');
+    equal(triggered, 1);
+
+    target = this.picker.find('.datepicker-days thead th.next');
+    ok(target.is(':visible'), 'Next switcher is visible');
+
+    target.click();
+    ok(this.picker.find('.datepicker-days').is(':visible'), 'Day picker is visible');
+    equal(triggered, 2);
+});
+
+test('format() returns a formatted date string', function(){
+    var target,
+        error, out;
+
+    this.input.on('changeDate', function(e){
+        try{
+            out = e.format();
+        }
+        catch(e){
+            error = e;
+        }
+    });
+
+    equal(this.dp.viewMode, 0);
+    target = this.picker.find('.datepicker-days tbody td:nth(15)');
+    target.click();
+
+    datesEqual(this.dp.viewDate, UTCDate(2011, 2, 14));
+    datesEqual(this.dp.dates[0], UTCDate(2011, 2, 14));
+    equal(error, undefined)
+    equal(out, '14-03-2011');
+});
+
+test('format(altformat) returns a formatted date string', function(){
+    var target,
+        error, out;
+
+    this.input.on('changeDate', function(e){
+        try{
+            out = e.format('m/d/yy');
+        }
+        catch(e){
+            error = e;
+        }
+    });
+
+    equal(this.dp.viewMode, 0);
+    target = this.picker.find('.datepicker-days tbody td:nth(15)');
+    target.click();
+
+    datesEqual(this.dp.viewDate, UTCDate(2011, 2, 14));
+    datesEqual(this.dp.dates[0], UTCDate(2011, 2, 14));
+    equal(error, undefined)
+    equal(out, '3/14/11');
+});
+
+test('format(ix) returns a formatted date string of the ix\'th date selected', function(){
+    var target,
+        error, out;
+
+    this.dp._process_options({multidate: true});
+
+    this.input.on('changeDate', function(e){
+        try{
+            out = e.format(2);
+        }
+        catch(e){
+            error = e;
+        }
+    });
+
+    target = this.picker.find('.datepicker-days tbody td:nth(7)');
+    equal(target.text(), '6'); // Mar 6
+    target.click();
+
+    target = this.picker.find('.datepicker-days tbody td:nth(15)');
+    equal(target.text(), '14'); // Mar 16
+    target.click();
+
+    equal(this.dp.dates.length, 3);
+
+    equal(error, undefined);
+    equal(out, '14-03-2011');
+});
+
+test('format(ix, altformat) returns a formatted date string', function(){
+    var target,
+        error, out;
+
+    this.dp._process_options({multidate: true});
+
+    this.input.on('changeDate', function(e){
+        try{
+            out = e.format(2, 'm/d/yy');
+        }
+        catch(e){
+            error = e;
+        }
+    });
+
+    target = this.picker.find('.datepicker-days tbody td:nth(7)');
+    equal(target.text(), '6'); // Mar 6
+    target.click();
+
+    target = this.picker.find('.datepicker-days tbody td:nth(15)');
+    equal(target.text(), '14'); // Mar 16
+    target.click();
+
+    equal(this.dp.dates.length, 3);
+
+    equal(error, undefined);
+    equal(out, '3/14/11');
+});
+
+test('Clear button: triggers change and changeDate events', function(){
+    this.input = $('<input type="text" value="31-03-2011">')
+                    .appendTo('#qunit-fixture')
+                    .datepicker({
+                        format: "dd-mm-yyyy",
+                        clearBtn: true
+                    })
+                    .focus(); // Activate for visibility checks
+    this.dp = this.input.data('datepicker');
+    this.picker = this.dp.picker;
+
+    var target,
+        triggered_change = 0,
+        triggered_changeDate = 0;
+
+    this.input.on({
+        changeDate: function(){
+            triggered_changeDate++;
+        },
+        change: function(){
+            triggered_change++;
+        }
+    });
+
+    this.input.focus();
+    ok(this.picker.find('.datepicker-days').is(':visible'), 'Days view visible');
+    ok(this.picker.find('.datepicker-days tfoot .clear').is(':visible'), 'Clear button visible');
+
+    target = this.picker.find('.datepicker-days tfoot .clear');
+    target.click();
+
+    equal(triggered_change, 1);
+    equal(triggered_changeDate, 1);
+});
+
+test('setDate: triggers change and changeDate events', function(){
+    this.input = $('<input type="text" value="31-03-2011">')
+                    .appendTo('#qunit-fixture')
+                    .datepicker({
+                        format: "dd-mm-yyyy"
+                    })
+                    .focus(); // Activate for visibility checks
+    this.dp = this.input.data('datepicker');
+    this.picker = this.dp.picker;
+
+    var target,
+        triggered_change = 0,
+        triggered_changeDate = 0;
+
+    this.input.on({
+        changeDate: function(){
+            triggered_changeDate++;
+        },
+        change: function(){
+            triggered_change++;
+        }
+    });
+
+    this.input.focus();
+    ok(this.picker.find('.datepicker-days').is(':visible'), 'Days view visible');
+
+    this.dp.setDate(new Date(2011, 2, 5));
+
+    equal(triggered_change, 2);
+    equal(triggered_changeDate, 1);
+});

data/tests/suites/formats.js

@@ -0,0 +1,235 @@
+module('Formats', {
+    setup: function(){
+        this.input = $('<input type="text">').appendTo('#qunit-fixture');
+        this.date = UTCDate(2012, 2, 15, 0, 0, 0, 0); // March 15, 2012
+    },
+    teardown: function(){
+        this.input.data('datepicker').picker.remove();
+    }
+});
+
+test('d: Day of month, no leading zero.', function(){
+    this.input
+        .val('2012-03-05')
+        .datepicker({format: 'yyyy-mm-d'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[2], '5');
+});
+
+test('dd: Day of month, leading zero.', function(){
+    this.input
+        .val('2012-03-5')
+        .datepicker({format: 'yyyy-mm-dd'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[2], '05');
+});
+
+test('D: Day of week, short.', function(){
+    this.input
+        .val('2012-03-05')
+        .datepicker({format: 'yyyy-mm-dd-D'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[3], 'Mon');
+});
+
+test('DD: Day of week, long.', function(){
+    this.input
+        .val('2012-03-05')
+        .datepicker({format: 'yyyy-mm-dd-DD'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[3], 'Monday');
+});
+
+test('m: Month, no leading zero.', function(){
+    this.input
+        .val('2012-03-05')
+        .datepicker({format: 'yyyy-m-dd'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[1], '3');
+});
+
+test('mm: Month, leading zero.', function(){
+    this.input
+        .val('2012-3-5')
+        .datepicker({format: 'yyyy-mm-dd'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[1], '03');
+});
+
+test('M: Month shortname.', function(){
+    this.input
+        .val('2012-Mar-05')
+        .datepicker({format: 'yyyy-M-dd'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[1], 'Mar');
+});
+
+test('MM: Month full name.', function(){
+    this.input
+        .val('2012-March-5')
+        .datepicker({format: 'yyyy-MM-dd'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[1], 'March');
+});
+
+test('yy: Year, two-digit.', function(){
+    this.input
+        .val('2012-03-05')
+        .datepicker({format: 'yy-mm-dd'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[0], '12');
+});
+
+test('yyyy: Year, four-digit.', function(){
+    this.input
+        .val('2012-03-5')
+        .datepicker({format: 'yyyy-mm-dd'})
+        .datepicker('setValue');
+    equal(this.input.val().split('-')[0], '2012');
+});
+
+test('dd-mm-yyyy: Regression: Prevent potential month overflow in small-to-large formats (Mar 31, 2012 -> Mar 01, 2012)', function(){
+    this.input
+        .val('31-03-2012')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '31-03-2012');
+});
+
+test('dd-mm-yyyy: Leap day', function(){
+    this.input
+        .val('29-02-2012')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '29-02-2012');
+});
+
+test('yyyy-mm-dd: Alternative format', function(){
+    this.input
+        .val('2012-02-12')
+        .datepicker({format: 'yyyy-mm-dd'})
+        .datepicker('setValue');
+    equal(this.input.val(), '2012-02-12');
+});
+
+test('yyyy-MM-dd: Regression: Infinite loop when numbers used for month', function(){
+    this.input
+        .val('2012-02-12')
+        .datepicker({format: 'yyyy-MM-dd'})
+        .datepicker('setValue');
+    equal(this.input.val(), '2012-February-12');
+});
+
+test('+1d: Tomorrow', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('+1d')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '16-03-2012');
+}));
+
+test('-1d: Yesterday', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('-1d')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '14-03-2012');
+}));
+
+test('+1w: Next week', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('+1w')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '22-03-2012');
+}));
+
+test('-1w: Last week', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('-1w')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '08-03-2012');
+}));
+
+test('+1m: Next month', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('+1m')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '15-04-2012');
+}));
+
+test('-1m: Last month', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('-1m')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '15-02-2012');
+}));
+
+test('+1y: Next year', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('+1y')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '15-03-2013');
+}));
+
+test('-1y: Last year', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('-1y')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '15-03-2011');
+}));
+
+test('-1y +2m: Multiformat', patch_date(function(Date){
+    Date.now = UTCDate(2012, 2, 15);
+    this.input
+        .val('-1y +2m')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '15-05-2011');
+}));
+
+test('Regression: End-of-month bug', patch_date(function(Date){
+    Date.now = UTCDate(2012, 4, 31);
+    this.input
+        .val('29-02-2012')
+        .datepicker({format: 'dd-mm-yyyy'})
+        .datepicker('setValue');
+    equal(this.input.val(), '29-02-2012');
+}));
+
+test('Invalid formats are force-parsed into a valid date on tab', patch_date(function(Date){
+    Date.now = UTCDate(2012, 4, 31);
+    this.input
+        .val('44-44-4444')
+        .datepicker({format: 'yyyy-MM-dd'})
+        .focus();
+
+    this.input.trigger({
+        type: 'keydown',
+        keyCode: 9
+    });
+
+    equal(this.input.val(), '56-September-30');
+}));
+
+test('Trailing separators', patch_date(function(Date){
+    Date.now = UTCDate(2012, 4, 31);
+    this.input
+        .val('29.02.2012.')
+        .datepicker({format: 'dd.mm.yyyy.'})
+        .datepicker('setValue');
+    equal(this.input.val(), '29.02.2012.');
+}));