bootstrap-datepicker 1.1.1

data/tests/assets/utils.js

@@ -0,0 +1,21 @@
+function UTCDate(){
+    return new Date(Date.UTC.apply(Date, arguments));
+}
+
+
+function format_date(date){
+    var y = date.getUTCFullYear(),
+        m = date.getUTCMonth() + 1,
+        d = date.getUTCDate(),
+        h = date.getUTCHours(),
+        i = date.getUTCMinutes(),
+        s = date.getUTCSeconds(),
+        l = date.getUTCMilliseconds();
+    function z(i){return (i <= 9 ? '0'+i : i);}
+    return y+'-'+z(m)+'-'+z(d)+' '+z(h)+':'+z(i)+':'+z(s)+'.'+z(l);
+}
+
+
+function datesEqual(actual, expected, message){
+    QUnit.push(QUnit.equiv(actual, expected), format_date(actual), format_date(expected), message);
+}

data/tests/run-qunit.js

@@ -0,0 +1,157 @@
+var system = require('system');
+
+/**
+ * Wait until the test condition is true or a timeout occurs. Useful for waiting
+ * on a server response or for a ui change (fadeIn, etc.) to occur.
+ *
+ * @param testFx javascript condition that evaluates to a boolean,
+ * it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
+ * as a callback function.
+ * @param onReady what to do when testFx condition is fulfilled,
+ * it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
+ * as a callback function.
+ * @param timeOutMillis the max amount of time to wait. If not specified, 3 sec is used.
+ */
+function waitFor(testFx, onReady, timeOutMillis) {
+    var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 10001, //< Default Max Timout is 3s
+        start = new Date().getTime(),
+        condition = false,
+        interval = setInterval(function() {
+            if ( (new Date().getTime() - start < maxtimeOutMillis) && !condition ) {
+                // If not time-out yet and condition not yet fulfilled
+                condition = (typeof(testFx) === "string" ? eval(testFx) : testFx()); //< defensive code
+            } else {
+                if(!condition) {
+                    // If condition still not fulfilled (timeout but condition is 'false')
+                    console.log("'waitFor()' timeout");
+                    phantom.exit(1);
+                } else {
+                    // Condition fulfilled (timeout and/or condition is 'true')
+                    //console.log("'waitFor()' finished in " + (new Date().getTime() - start) + "ms.");
+                    typeof(onReady) === "string" ? eval(onReady) : onReady(); //< Do what it's supposed to do once the condition is fulfilled
+                    clearInterval(interval); //< Stop this interval
+                }
+            }
+        }, 100); //< repeat check every 100ms
+};
+
+if (system.args.length !== 2) {
+    console.log('Usage: run-qunit.js URL');
+    phantom.exit(1);
+}
+
+var fs = require('fs');
+var page = require('webpage').create();
+
+// Route "console.log()" calls from within the Page context to the main Phantom context (i.e. current "this")
+page.onConsoleMessage = function(msg) {
+    console.log(msg);
+};
+page.onError = function (msg, trace) {
+    console.log(msg);
+    trace.forEach(function(item) {
+        console.log('  ', item.file, ':', item.line);
+    })
+}
+
+var _openPath = phantom.args[0].replace(/^.*(\\|\/)/, '');
+var openPath = _openPath;
+var origdir = '../js/';
+var basedir = '../instrumented/';
+var coverageBase = fs.read('_coverage.html');
+
+if (fs.exists(basedir)){
+    var script = /<script.*><\/script>/g,
+        src = /src=(["'])(.*?)\1/,
+        contents = fs.read(openPath),
+        _contents = contents,
+        srcs = [],
+        s;
+    while (script.exec(contents)){
+        s = src.exec(RegExp.lastMatch)[2];
+        if (s && s.indexOf(origdir) != -1)
+            _contents = _contents.replace(s, s.replace(origdir, basedir))
+    }
+    if (_contents != contents){
+        openPath += '.cov.html';
+        fs.write(openPath, _contents);
+    }
+}
+
+page.open(openPath, function(status){
+    if (status !== "success") {
+        console.log("Unable to access network");
+        phantom.exit(1);
+    } else {
+        // Inject instrumented sources if they exist
+        if (fs.exists(basedir))
+            for (var i=0; i<srcs.length; i++)
+                page.includeJs(srcs[i]);
+        waitFor(function(){
+            return page.evaluate(function(){
+                var el = document.getElementById('qunit-testresult');
+                if (el && el.innerText.match('completed')) {
+                    return true;
+                }
+                return false;
+            });
+        }, function(){
+            // output colorized code coverage
+            // reach into page context and pull out coverage info. stringify to pass context boundaries.
+            var coverageInfo = JSON.parse(page.evaluate(function() { return JSON.stringify(getCoverageByLine()); }));
+            if (coverageInfo.key){
+                var lineCoverage = coverageInfo.lines;
+                var originalFile = origdir + fs.separator + coverageInfo.key;
+                var source = coverageInfo.source;
+                var fileLines = readFileLines(originalFile);
+
+                var colorized = '';
+
+                for (var idx=0; idx < lineCoverage.length; idx++) {
+                    //+1: coverage lines count from 1.
+                    var cvg = lineCoverage[idx + 1];
+                    var hitmiss = '';
+                    if (typeof cvg === 'number') {
+                        hitmiss = ' ' + (cvg>0 ? 'hit' : 'miss');
+                    } else {
+                        hitmiss = ' ' + 'undef';
+                    }
+                    var htmlLine = fileLines[idx]
+                    if (!source)
+                        htmlLine = htmlLine.replace('<', '&lt;').replace('>', '&gt;');
+                    colorized += '<div class="code' + hitmiss + '">' + htmlLine + '</div>\n';
+                };
+                colorized = coverageBase.replace('COLORIZED_LINE_HTML', colorized);
+
+                fs.write('coverage.html', colorized, 'w');
+
+                console.log('Coverage for ' + coverageInfo.key + ' in coverage.html');
+            }
+            if (_openPath != openPath)
+                fs.remove(openPath);
+
+            var failedNum = page.evaluate(function(){
+                var el = document.getElementById('qunit-testresult');
+                console.log(el.innerText);
+                try {
+                    return el.getElementsByClassName('failed')[0].innerHTML;
+                } catch (e) { }
+                return 10000;
+            });
+            phantom.exit((parseInt(failedNum, 10) > 0) ? 1 : 0);
+        });
+    }
+});
+
+function readFileLines(filename) {
+    var stream = fs.open(filename, 'r');
+    var lines = [];
+    var line;
+    while (!stream.atEnd()) {
+        lines.push(stream.readLine());
+    }
+    stream.close();
+
+    return lines;
+}
+

data/tests/suites/calendar-weeks.js

@@ -0,0 +1,48 @@
+module('Calendar Weeks', {
+    setup: function(){
+        this.input = $('<input type="text">')
+            .appendTo('#qunit-fixture')
+            .val('2013-01-14')
+            .datepicker({
+                format: 'yyyy-mm-dd',
+                calendarWeeks: true
+            })
+            .focus(); // Activate for visibility checks
+        this.dp = this.input.data('datepicker')
+        this.picker = this.dp.picker;
+    },
+    teardown: function(){
+        this.picker.remove();
+    }
+});
+
+test('adds cw header column', function(){
+    var target = this.picker.find('.datepicker-days thead th:first-child');
+    ok(target.hasClass('cw'), 'First column heading is from cw column');
+});
+
+test('adds calendar week cells to each day row', function(){
+    var target = this.picker.find('.datepicker-days tbody tr');
+
+    expect(target.length);
+    target.each(function(i){
+        var t = $(this).children().first();
+        ok(t.hasClass('cw'), "First column is cw column");
+    });
+});
+
+test('displays correct calendar week', function(){
+    var target = this.picker.find('.datepicker-days tbody tr');
+
+    expect(target.length);
+    target.each(function(i){
+        var t = $(this).children().first();
+        equal(t.text(), i+1, "Displays correct calendar weeks");
+    });
+});
+
+test('it prepends column to switcher thead row', function(){
+    var target = this.picker.find('.datepicker-days thead tr:first-child');
+    equal(target.children().length, 4, 'first row has 4 columns');
+    ok(target.children().first().hasClass('cw'), 'cw column is prepended');
+});

data/tests/suites/component.js

@@ -0,0 +1,202 @@
+module('Component', {
+    setup: function(){
+        this.component = $('<div class="input-append date" id="datepicker">'+
+                                '<input size="16" type="text" value="12-02-2012" readonly>'+
+                                '<span class="add-on"><i class="icon-th"></i></span>'+
+                            '</div>')
+                        .appendTo('#qunit-fixture')
+                        .datepicker({format: "dd-mm-yyyy"});
+        this.input = this.component.find('input');
+        this.addon = this.component.find('.add-on');
+        this.dp = this.component.data('datepicker')
+        this.picker = this.dp.picker;
+    },
+    teardown: function(){
+        this.picker.remove();
+    }
+});
+
+
+test('Component gets date/viewDate from input value', function(){
+    datesEqual(this.dp.getUTCDate(), UTCDate(2012, 1, 12));
+    datesEqual(this.dp.viewDate, UTCDate(2012, 1, 12));
+});
+
+test('Activation by component', function(){
+    ok(!this.picker.is(':visible'));
+    this.addon.click();
+    ok(this.picker.is(':visible'));
+});
+
+test('simple keyboard nav test', function(){
+    var target;
+
+    // Keyboard nav only works with non-readonly inputs
+    this.input.removeAttr('readonly');
+
+    equal(this.dp.viewMode, 0);
+    target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+    equal(target.text(), 'February 2012', 'Title is "February 2012"');
+    datesEqual(this.dp.getUTCDate(), UTCDate(2012, 1, 12));
+    datesEqual(this.dp.viewDate, UTCDate(2012, 1, 12));
+
+    // Focus/open
+    this.addon.click();
+
+    // Navigation: -1 day, left arrow key
+    this.input.trigger({
+        type: 'keydown',
+        keyCode: 37
+    });
+    datesEqual(this.dp.viewDate, UTCDate(2012, 1, 11));
+    datesEqual(this.dp.getUTCDate(), UTCDate(2012, 1, 12));
+    datesEqual(this.dp.focusDate, UTCDate(2012, 1, 11));
+    // Month not changed
+    target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+    equal(target.text(), 'February 2012', 'Title is "February 2012"');
+
+    // Navigation: +1 month, shift + right arrow key
+    this.input.trigger({
+        type: 'keydown',
+        keyCode: 39,
+        shiftKey: true
+    });
+    datesEqual(this.dp.viewDate, UTCDate(2012, 2, 11));
+    datesEqual(this.dp.getUTCDate(), UTCDate(2012, 1, 12));
+    datesEqual(this.dp.focusDate, UTCDate(2012, 2, 11));
+    target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+    equal(target.text(), 'March 2012', 'Title is "March 2012"');
+
+    // Navigation: -1 year, ctrl + left arrow key
+    this.input.trigger({
+        type: 'keydown',
+        keyCode: 37,
+        ctrlKey: true
+    });
+    datesEqual(this.dp.viewDate, UTCDate(2011, 2, 11));
+    datesEqual(this.dp.getUTCDate(), UTCDate(2012, 1, 12));
+    datesEqual(this.dp.focusDate, UTCDate(2011, 2, 11));
+    target = this.picker.find('.datepicker-days thead th.datepicker-switch');
+    equal(target.text(), 'March 2011', 'Title is "March 2011"');
+});
+
+test('setValue', function(){
+    this.dp.dates.replace(UTCDate(2012, 2, 13));
+    this.dp.setValue();
+    datesEqual(this.dp.dates[0], UTCDate(2012, 2, 13));
+    equal(this.input.val(), '13-03-2012');
+});
+
+test('update', function(){
+    this.input.val('13-03-2012');
+    this.dp.update();
+    equal(this.dp.dates.length, 1);
+    datesEqual(this.dp.dates[0], UTCDate(2012, 2, 13));
+});
+
+test('Navigating to/from decade view', function(){
+    var target;
+
+    this.addon.click();
+    this.input.val('31-03-2012');
+    this.dp.update();
+
+    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(2012, 2, 31));
+    datesEqual(this.dp.dates[0], UTCDate(2012, 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(2012, 2, 31));
+    datesEqual(this.dp.dates[0], UTCDate(2012, 2, 31));
+
+    // Change years to test internal state changes
+    target = this.picker.find('.datepicker-years tbody span:contains(2011)');
+    target.click();
+    equal(this.dp.viewMode, 1);
+    // Only viewDate modified
+    datesEqual(this.dp.viewDate, UTCDate(2011, 2, 1));
+    datesEqual(this.dp.dates[0], UTCDate(2012, 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(2012, 2, 31));
+});
+
+test('Selecting date resets viewDate and date', function(){
+    var target;
+
+    this.addon.click();
+    this.input.val('31-03-2012');
+    this.dp.update();
+
+    // Rendered correctly
+    equal(this.dp.viewMode, 0);
+    target = this.picker.find('.datepicker-days tbody td:first');
+    equal(target.text(), '26'); // Should be Feb 26
+
+    // Updated internally on click
+    target.click();
+    datesEqual(this.dp.viewDate, UTCDate(2012, 1, 26))
+    datesEqual(this.dp.dates[0], UTCDate(2012, 1, 26))
+
+    // Re-rendered on click
+    target = this.picker.find('.datepicker-days tbody td:first');
+    equal(target.text(), '29'); // Should be Jan 29
+});
+
+test('"remove" removes associated HTML', function(){
+    var datepickerDivSelector = '.datepicker';
+
+    $('#datepicker').datepicker('show');
+
+    //there should be one datepicker initiated so that means one hidden .datepicker div
+    equal($(datepickerDivSelector).length, 1);
+    this.component.datepicker('remove');
+    equal($(datepickerDivSelector).length, 0);//hidden HTML should be gone
+});
+
+test('Does not block events', function(){
+    var clicks = 0;
+    function handler(){
+        clicks++;
+    }
+    $('#qunit-fixture').on('click', '.add-on', handler);
+    this.addon.click();
+    equal(clicks, 1);
+    $('#qunit-fixture').off('click', '.add-on', handler);
+});
+
+
+test('date and viewDate must be between startDate and endDate when setStartDate called', function() {
+    this.dp.setDate(new Date(2013, 1, 1));
+    datesEqual(this.dp.dates[0], UTCDate(2013, 1, 1));
+    datesEqual(this.dp.viewDate, UTCDate(2013, 1, 1));
+    this.dp.setStartDate(new Date(2013, 5, 6));
+    datesEqual(this.dp.viewDate, UTCDate(2013, 5, 6));
+    equal(this.dp.dates.length, 0);
+});
+
+test('date and viewDate must be between startDate and endDate when setEndDate called', function() {
+    this.dp.setDate(new Date(2013, 11, 1));
+    datesEqual(this.dp.dates[0], UTCDate(2013, 11, 1));
+    datesEqual(this.dp.viewDate, UTCDate(2013, 11, 1));
+    this.dp.setEndDate(new Date(2013, 5, 6));
+    datesEqual(this.dp.viewDate, UTCDate(2013, 5, 6));
+    equal(this.dp.dates.length, 0);
+});

data/tests/suites/data-api.js

@@ -0,0 +1,114 @@
+module('DATA-API');
+
+test('DATA-API: data-provide="datepicker" on input; focus', function(){
+    var input = $('<input data-provide="datepicker" />')
+                .appendTo('#qunit-fixture');
+    input.focus();
+    ok(input.data('datepicker'), 'datepicker is initialized by "focus" event');
+});
+
+test('DATA-API: data-provide="datepicker" on input; click', function(){
+    var input = $('<input data-provide="datepicker" />')
+                .appendTo('#qunit-fixture');
+    input.click();
+    ok(input.data('datepicker'), 'datepicker is initialized by "focus" event');
+});
+
+test('DATA-API: data-provide="datepicker" on component', function(){
+    var html, comp;
+
+    html = '<div class="input-append date" data-provide="datepicker">'+
+                '<input><span class="add-on"><i class="icon-th"></i></span>'+
+            '</div>';
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.find('input').focus();
+    ok(comp.data('datepicker'), 'append component initialized by "focus" event on input');
+    comp.remove();
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.find('input').click();
+    ok(comp.data('datepicker'), 'append component initialized by "click" event on input');
+    comp.remove();
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.find('.add-on').focus();
+    ok(comp.data('datepicker'), 'append component initialized by "focus" event on add-on');
+    comp.remove();
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.find('.add-on').click();
+    ok(comp.data('datepicker'), 'append component initialized by "click" event on add-on');
+    comp.remove();
+
+
+    html = '<div class="input-prepend date" data-provide="datepicker">'+
+                '<span class="add-on"><i class="icon-th"></i></span><input>'+
+            '</div>';
+
+    comp = $(html).prependTo('#qunit-fixture');
+    comp.find('input').focus();
+    ok(comp.data('datepicker'), 'prepend component initialized by "focus" event on input');
+    comp.remove();
+
+    comp = $(html).prependTo('#qunit-fixture');
+    comp.find('input').click();
+    ok(comp.data('datepicker'), 'prepend component initialized by "click" event on input');
+    comp.remove();
+
+    comp = $(html).prependTo('#qunit-fixture');
+    comp.find('.add-on').focus();
+    ok(comp.data('datepicker'), 'prepend component initialized by "focus" event on add-on');
+    comp.remove();
+
+    comp = $(html).prependTo('#qunit-fixture');
+    comp.find('.add-on').click();
+    ok(comp.data('datepicker'), 'prepend component initialized by "click" event on add-on');
+    comp.remove();
+});
+
+test('DATA-API: data-provide="datepicker" on button', function(){
+    var html, comp;
+
+    html = '<button data-provide="datepicker">';
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.focus();
+    ok(comp.data('datepicker'), 'button initialized by "focus" event on input');
+    comp.remove();
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.click();
+    ok(comp.data('datepicker'), 'button initialized by "click" event on input');
+    comp.remove();
+});
+
+test('DATA-API: data-provide="datepicker" on rangepicker', function(){
+    var html, comp;
+
+    html = '<div class="input-daterange" data-provide="datepicker">'+
+                '<input class="datepicker">'+
+                '<span class="add-on">to</span>'+
+                '<input class="datepicker">'+
+            '</div>';
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.find('input:first').focus();
+    ok(comp.data('datepicker'), 'range initialized by "focus" event on first input');
+    comp.remove();
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.find('input:first').click();
+    ok(comp.data('datepicker'), 'range initialized by "click" event on first input');
+    comp.remove();
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.find('input:last').focus();
+    ok(comp.data('datepicker'), 'range initialized by "focus" event on last input');
+    comp.remove();
+
+    comp = $(html).appendTo('#qunit-fixture');
+    comp.find('input:last').click();
+    ok(comp.data('datepicker'), 'range initialized by "click" event on last input');
+    comp.remove();
+});