(function( $ ) { module( "datepicker: options" ); test( "appendTo", function() { expect( 6 ); var container, detached = $( "
" ), input = $( "#datepicker" ); input.datepicker(); container = input.datepicker( "widget" ).parent()[ 0 ]; equal( container, document.body, "defaults to body" ); input.datepicker( "destroy" ); input.datepicker({ appendTo: "#qunit-fixture" }); container = input.datepicker( "widget" ).parent()[ 0 ]; equal( container, $( "#qunit-fixture" )[ 0 ], "child of specified element" ); input.datepicker( "destroy" ); input.datepicker({ appendTo: "#does-not-exist" }); container = input.datepicker( "widget" ).parent()[ 0 ]; equal( container, document.body, "set to body if element does not exist" ); input.datepicker( "destroy" ); input.datepicker() .datepicker( "option", "appendTo", "#qunit-fixture" ); container = input.datepicker( "widget" ).parent()[ 0 ]; equal( container, $( "#qunit-fixture" )[ 0 ], "modified after init" ); input.datepicker( "destroy" ); input.datepicker({ appendTo: detached }); container = input.datepicker( "widget" ).parent()[ 0 ]; equal( container, detached[ 0 ], "detached jQuery object" ); input.datepicker( "destroy" ); input.datepicker({ appendTo: detached[ 0 ] }); container = input.datepicker( "widget" ).parent()[ 0 ]; equal( container, detached[ 0 ], "detached DOM element" ); input.datepicker( "destroy" ); }); test( "dateFormat", function() { expect( 2 ); var input = $( "#datepicker" ).val( "1/1/14" ).datepicker(), picker = input.datepicker( "widget" ), firstDayLink = picker.find( "td[id]:first a" ); input.datepicker( "open" ); firstDayLink.trigger( "mousedown" ); equal( input.val(), "1/1/14", "default formatting" ); input.datepicker( "option", "dateFormat", { date: "full" } ); equal( input.val(), "Wednesday, January 1, 2014", "updated formatting" ); input.datepicker( "destroy" ); }); test( "eachDay", function() { expect( 5 ); var timestamp, input = $( "#datepicker" ).datepicker(), picker = input.datepicker( "widget" ), firstCell = picker.find( "td[id]:first" ); equal( firstCell.find( "a" ).length, 1, "days are selectable by default" ); timestamp = parseInt( firstCell.find( "a" ).attr( "data-timestamp" ), 10 ); equal( new Date( timestamp ).getDate(), 1, "first available day is the 1st by default" ); // Do not render the 1st of the month input.datepicker( "option", "eachDay", function( day ) { if ( day.date === 1 ) { day.render = false; } }); firstCell = picker.find( "td[id]:first" ); timestamp = parseInt( firstCell.find( "a" ).attr( "data-timestamp" ), 10 ); equal( new Date( timestamp ).getDate(), 2, "first available day is the 2nd" ); // Display the 1st of the month but make it not selectable. input.datepicker( "option", "eachDay", function( day ) { if ( day.date === 1 ) { day.selectable = false; } }); firstCell = picker.find( "td[id]:first" ); equal( firstCell.find( "a" ).length, 0, "the 1st is not selectable" ); input.datepicker( "option", "eachDay", function( day ) { if ( day.date === 1 ) { day.extraClasses = "ui-custom"; } }); ok( picker.find( "td[id]:first a" ).hasClass( "ui-custom" ), "extraClasses applied" ); input.datepicker( "destroy" ); }); test( "numberOfMonths", function() { expect( 0 ); }); asyncTest( "position", function() { expect( 3 ); var input = $( "" ).datepicker().appendTo( "body" ).css({ position: "absolute", top: 0, left: 0 }), container = input.datepicker( "widget" ); input.datepicker( "open" ); setTimeout(function() { closeEnough( input.offset().left, container.offset().left, 1, "left sides line up by default" ); closeEnough( container.offset().top, input.offset().top + input.outerHeight(), 1, "datepicker directly under input by default" ); // Change the position option using option() input.datepicker( "option", "position", { my: "left top", at: "right bottom" }); closeEnough( container.offset().left, input.offset().left + input.outerWidth(), 1, "datepicker on right hand side of input after position change" ); input.remove(); start(); }); }); test( "showWeek", function() { expect( 7 ); var input = $( "#datepicker" ).datepicker(), container = input.datepicker( "widget" ); equal( container.find( "thead th" ).length, 7, "just 7 days, no column cell" ); equal( container.find( ".ui-datepicker-week-col" ).length, 0, "no week column cells present" ); input.datepicker( "destroy" ); input = $( "#datepicker" ).datepicker({ showWeek: true }); container = input.datepicker( "widget" ); equal( container.find( "thead th" ).length, 8, "7 days + a column cell" ); ok( container.find( "thead th:first" ).is( ".ui-datepicker-week-col" ), "first cell should have ui-datepicker-week-col class name" ); equal( container.find( ".ui-datepicker-week-col" ).length, container.find( "tr" ).length, "one week cell for each week" ); input.datepicker( "destroy" ); input = $( "#datepicker" ).datepicker(); container = input.datepicker( "widget" ); equal( container.find( "thead th" ).length, 7, "no week column" ); input.datepicker( "option", "showWeek", true ); equal( container.find( "thead th" ).length, 8, "supports changing option after init" ); }); /* test( "setDefaults", function() { expect( 3 ); TestHelpers.datepicker.init( "#inp" ); equal($.datepicker._defaults.showOn, "focus", "Initial showOn" ); $.datepicker.setDefaults({showOn: "button"}); equal($.datepicker._defaults.showOn, "button", "Change default showOn" ); $.datepicker.setDefaults({showOn: "focus"}); equal($.datepicker._defaults.showOn, "focus", "Restore showOn" ); }); test( "option", function() { expect( 17 ); var inp = TestHelpers.datepicker.init( "#inp" ), inst = $.data(inp[0], TestHelpers.datepicker.PROP_NAME); // Set option equal(inst.settings.showOn, null, "Initial setting showOn" ); equal($.datepicker._get(inst, "showOn" ), "focus", "Initial instance showOn" ); equal($.datepicker._defaults.showOn, "focus", "Initial default showOn" ); inp.datepicker( "option", "showOn", "button" ); equal(inst.settings.showOn, "button", "Change setting showOn" ); equal($.datepicker._get(inst, "showOn" ), "button", "Change instance showOn" ); equal($.datepicker._defaults.showOn, "focus", "Retain default showOn" ); inp.datepicker( "option", {showOn: "both"}); equal(inst.settings.showOn, "both", "Change setting showOn" ); equal($.datepicker._get(inst, "showOn" ), "both", "Change instance showOn" ); equal($.datepicker._defaults.showOn, "focus", "Retain default showOn" ); inp.datepicker( "option", "showOn", undefined); equal(inst.settings.showOn, null, "Clear setting showOn" ); equal($.datepicker._get(inst, "showOn" ), "focus", "Restore instance showOn" ); equal($.datepicker._defaults.showOn, "focus", "Retain default showOn" ); // Get option inp = TestHelpers.datepicker.init( "#inp" ); equal(inp.datepicker( "option", "showOn" ), "focus", "Initial setting showOn" ); inp.datepicker( "option", "showOn", "button" ); equal(inp.datepicker( "option", "showOn" ), "button", "Change instance showOn" ); inp.datepicker( "option", "showOn", undefined); equal(inp.datepicker( "option", "showOn" ), "focus", "Reset instance showOn" ); deepEqual(inp.datepicker( "option", "all" ), {showAnim: ""}, "Get instance settings" ); deepEqual(inp.datepicker( "option", "defaults" ), $.datepicker._defaults, "Get default settings" ); }); test( "disabled", function() { expect(8); var inp = TestHelpers.datepicker.init( "#inp" ); ok(!inp.datepicker( "isDisabled" ), "Initially marked as enabled" ); ok(!inp[0].disabled, "Field initially enabled" ); inp.datepicker( "option", "disabled", true); ok(inp.datepicker( "isDisabled" ), "Marked as disabled" ); ok(inp[0].disabled, "Field now disabled" ); inp.datepicker( "option", "disabled", false); ok(!inp.datepicker( "isDisabled" ), "Marked as enabled" ); ok(!inp[0].disabled, "Field now enabled" ); inp.datepicker( "destroy" ); inp = TestHelpers.datepicker.init( "#inp", { disabled: true }); ok(inp.datepicker( "isDisabled" ), "Initially marked as disabled" ); ok(inp[0].disabled, "Field initially disabled" ); }); test( "change", function() { expect( 12 ); var inp = TestHelpers.datepicker.init( "#inp" ), inst = $.data(inp[0], TestHelpers.datepicker.PROP_NAME); equal(inst.settings.showOn, null, "Initial setting showOn" ); equal($.datepicker._get(inst, "showOn" ), "focus", "Initial instance showOn" ); equal($.datepicker._defaults.showOn, "focus", "Initial default showOn" ); inp.datepicker( "change", "showOn", "button" ); equal(inst.settings.showOn, "button", "Change setting showOn" ); equal($.datepicker._get(inst, "showOn" ), "button", "Change instance showOn" ); equal($.datepicker._defaults.showOn, "focus", "Retain default showOn" ); inp.datepicker( "change", {showOn: "both"}); equal(inst.settings.showOn, "both", "Change setting showOn" ); equal($.datepicker._get(inst, "showOn" ), "both", "Change instance showOn" ); equal($.datepicker._defaults.showOn, "focus", "Retain default showOn" ); inp.datepicker( "change", "showOn", undefined); equal(inst.settings.showOn, null, "Clear setting showOn" ); equal($.datepicker._get(inst, "showOn" ), "focus", "Restore instance showOn" ); equal($.datepicker._defaults.showOn, "focus", "Retain default showOn" ); }); (function() { var url = window.location.search; url = decodeURIComponent( url.slice( url.indexOf( "swarmURL=" ) + 9 ) ); // TODO: This test occassionally fails in IE in TestSwarm if ( $.ui.ie && url && url.indexOf( "http" ) === 0 ) { return; } asyncTest( "invocation", function() { var button, image, isOldIE = $.ui.ie && ( !document.documentMode || document.documentMode < 9 ), body = $( "body" ); expect( isOldIE ? 25 : 29 ); function step0() { var inp = TestHelpers.datepicker.initNewInput(), dp = $( "#ui-datepicker-div" ); button = inp.siblings( "button" ); ok( button.length === 0, "Focus - button absent" ); image = inp.siblings( "img" ); ok( image.length === 0, "Focus - image absent" ); TestHelpers.datepicker.onFocus( inp, function() { ok( dp.is( ":visible" ), "Focus - rendered on focus" ); inp.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } ); ok( !dp.is( ":visible" ), "Focus - hidden on exit" ); step1(); }); } function step1() { var inp = TestHelpers.datepicker.initNewInput(), dp = $( "#ui-datepicker-div" ); TestHelpers.datepicker.onFocus( inp, function() { ok( dp.is( ":visible" ), "Focus - rendered on focus" ); body.simulate( "mousedown", {} ); ok( !dp.is( ":visible" ), "Focus - hidden on external click" ); inp.datepicker( "hide" ).datepicker( "destroy" ); step2(); }); } function step2() { var inp = TestHelpers.datepicker.initNewInput({ showOn: "button", buttonText: "Popup" }), dp = $( "#ui-datepicker-div" ); ok( !dp.is( ":visible" ), "Button - initially hidden" ); button = inp.siblings( "button" ); image = inp.siblings( "img" ); ok( button.length === 1, "Button - button present" ); ok( image.length === 0, "Button - image absent" ); equal( button.text(), "Popup", "Button - button text" ); TestHelpers.datepicker.onFocus( inp, function() { ok( !dp.is( ":visible" ), "Button - not rendered on focus" ); button.click(); ok( dp.is( ":visible" ), "Button - rendered on button click" ); button.click(); ok( !dp.is( ":visible" ), "Button - hidden on second button click" ); inp.datepicker( "hide" ).datepicker( "destroy" ); step3(); }); } function step3() { var inp = TestHelpers.datepicker.initNewInput({ showOn: "button", buttonImageOnly: true, buttonImage: "images/calendar.gif", buttonText: "Cal" }), dp = $( "#ui-datepicker-div" ); ok( !dp.is( ":visible" ), "Image button - initially hidden" ); button = inp.siblings( "button" ); ok( button.length === 0, "Image button - button absent" ); image = inp.siblings( "img" ); ok( image.length === 1, "Image button - image present" ); ok( /images\/calendar\.gif$/.test( image.attr( "src" ) ), "Image button - image source" ); equal( image.attr( "title" ), "Cal", "Image button - image text" ); TestHelpers.datepicker.onFocus( inp, function() { ok( !dp.is( ":visible" ), "Image button - not rendered on focus" ); image.click(); ok( dp.is( ":visible" ), "Image button - rendered on image click" ); image.click(); ok( !dp.is( ":visible" ), "Image button - hidden on second image click" ); inp.datepicker( "hide" ).datepicker( "destroy" ); step4(); }); } function step4() { var inp = TestHelpers.datepicker.initNewInput({ showOn: "both", buttonImage: "images/calendar.gif" }), dp = $( "#ui-datepicker-div" ); ok( !dp.is( ":visible" ), "Both - initially hidden" ); button = inp.siblings( "button" ); ok( button.length === 1, "Both - button present" ); image = inp.siblings( "img" ); ok( image.length === 0, "Both - image absent" ); image = button.children( "img" ); ok( image.length === 1, "Both - button image present" ); // TODO: This test occasionally fails to focus in IE8 in BrowserStack if ( !isOldIE ) { TestHelpers.datepicker.onFocus( inp, function() { ok( dp.is( ":visible" ), "Both - rendered on focus" ); body.simulate( "mousedown", {} ); ok( !dp.is( ":visible" ), "Both - hidden on external click" ); button.click(); ok( dp.is( ":visible" ), "Both - rendered on button click" ); button.click(); ok( !dp.is( ":visible" ), "Both - hidden on second button click" ); inp.datepicker( "hide" ).datepicker( "destroy" ); start(); }); } else { start(); } } step0(); }); })(); test( "otherMonths", function() { expect( 8 ); var inp = TestHelpers.datepicker.init( "#inp" ), pop = $( "#ui-datepicker-div" ); inp.val( "06/01/2009" ).datepicker( "show" ); equal(pop.find( "tbody" ).text(), // support: IE <9, jQuery <1.8 // In IE7/8 with jQuery <1.8, encoded spaces behave in strange ways $( "\u00a0123456789101112131415161718192021222324252627282930\u00a0\u00a0\u00a0\u00a0" ).text(), "Other months - none" ); ok(pop.find( "td:last *" ).length === 0, "Other months - no content" ); inp.datepicker( "hide" ).datepicker( "option", "showOtherMonths", true).datepicker( "show" ); equal(pop.find( "tbody" ).text(), "311234567891011121314151617181920212223242526272829301234", "Other months - show" ); ok(pop.find( "td:last span" ).length === 1, "Other months - span content" ); inp.datepicker( "hide" ).datepicker( "option", "selectOtherMonths", true).datepicker( "show" ); equal(pop.find( "tbody" ).text(), "311234567891011121314151617181920212223242526272829301234", "Other months - select" ); ok(pop.find( "td:last a" ).length === 1, "Other months - link content" ); inp.datepicker( "hide" ).datepicker( "option", "showOtherMonths", false).datepicker( "show" ); equal(pop.find( "tbody" ).text(), // support: IE <9, jQuery <1.8 // In IE7/8 with jQuery <1.8, encoded spaces behave in strange ways $( "\u00a0123456789101112131415161718192021222324252627282930\u00a0\u00a0\u00a0\u00a0" ).text(), "Other months - none" ); ok(pop.find( "td:last *" ).length === 0, "Other months - no content" ); }); test( "defaultDate", function() { expect( 16 ); var inp = TestHelpers.datepicker.init( "#inp" ), date = new Date(); inp.val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date null" ); // Numeric values inp.datepicker( "option", {defaultDate: -2}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date.setDate(date.getDate() - 2); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date -2" ); date = new Date(); inp.datepicker( "option", {defaultDate: 3}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date.setDate(date.getDate() + 3); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date 3" ); date = new Date(); inp.datepicker( "option", {defaultDate: 1 / "a"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date NaN" ); // String offset values inp.datepicker( "option", {defaultDate: "-1d"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date.setDate(date.getDate() - 1); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date -1d" ); inp.datepicker( "option", {defaultDate: "+3D"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date.setDate(date.getDate() + 4); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date +3D" ); inp.datepicker( "option", {defaultDate: " -2 w "}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date = new Date(); date.setDate(date.getDate() - 14); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date -2 w" ); inp.datepicker( "option", {defaultDate: "+1 W"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date.setDate(date.getDate() + 21); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date +1 W" ); inp.datepicker( "option", {defaultDate: " -1 m "}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date = TestHelpers.datepicker.addMonths(new Date(), -1); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date -1 m" ); inp.datepicker( "option", {defaultDate: "+2M"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date = TestHelpers.datepicker.addMonths(new Date(), 2); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date +2M" ); inp.datepicker( "option", {defaultDate: "-2y"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date = new Date(); date.setFullYear(date.getFullYear() - 2); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date -2y" ); inp.datepicker( "option", {defaultDate: "+1 Y "}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date.setFullYear(date.getFullYear() + 3); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date +1 Y" ); inp.datepicker( "option", {defaultDate: "+1M +10d"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date = TestHelpers.datepicker.addMonths(new Date(), 1); date.setDate(date.getDate() + 10); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date +1M +10d" ); // String date values inp.datepicker( "option", {defaultDate: "07/04/2007"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date = new Date(2007, 7 - 1, 4); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date 07/04/2007" ); inp.datepicker( "option", {dateFormat: "yy-mm-dd", defaultDate: "2007-04-02"}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date = new Date(2007, 4 - 1, 2); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date 2007-04-02" ); // Date value date = new Date(2007, 1 - 1, 26); inp.datepicker( "option", {dateFormat: "mm/dd/yy", defaultDate: date}). datepicker( "hide" ).val( "" ).datepicker( "show" ). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Default date 01/26/2007" ); }); test( "miscellaneous", function() { expect( 19 ); var curYear, longNames, shortNames, date, dp = $( "#ui-datepicker-div" ), inp = TestHelpers.datepicker.init( "#inp" ); // Year range function genRange(start, offset) { var i = start, range = ""; for (; i < start + offset; i++) { range += i; } return range; } curYear = new Date().getFullYear(); inp.val( "02/04/2008" ).datepicker( "show" ); equal(dp.find( ".ui-datepicker-year" ).text(), "2008", "Year range - read-only default" ); inp.datepicker( "hide" ).datepicker( "option", {changeYear: true}).datepicker( "show" ); equal(dp.find( ".ui-datepicker-year" ).text(), genRange(2008 - 10, 21), "Year range - changeable default" ); inp.datepicker( "hide" ).datepicker( "option", {yearRange: "c-6:c+2", changeYear: true}).datepicker( "show" ); equal(dp.find( ".ui-datepicker-year" ).text(), genRange(2008 - 6, 9), "Year range - c-6:c+2" ); inp.datepicker( "hide" ).datepicker( "option", {yearRange: "2000:2010", changeYear: true}).datepicker( "show" ); equal(dp.find( ".ui-datepicker-year" ).text(), genRange(2000, 11), "Year range - 2000:2010" ); inp.datepicker( "hide" ).datepicker( "option", {yearRange: "-5:+3", changeYear: true}).datepicker( "show" ); equal(dp.find( ".ui-datepicker-year" ).text(), genRange(curYear - 5, 9), "Year range - -5:+3" ); inp.datepicker( "hide" ).datepicker( "option", {yearRange: "2000:-5", changeYear: true}).datepicker( "show" ); equal(dp.find( ".ui-datepicker-year" ).text(), genRange(2000, curYear - 2004), "Year range - 2000:-5" ); inp.datepicker( "hide" ).datepicker( "option", {yearRange: "", changeYear: true}).datepicker( "show" ); equal(dp.find( ".ui-datepicker-year" ).text(), genRange(curYear, 1), "Year range - -6:+2" ); // Navigation as date format inp.datepicker( "option", {showButtonPanel: true}); equal(dp.find( ".ui-datepicker-prev" ).text(), "Prev", "Navigation prev - default" ); equal(dp.find( ".ui-datepicker-current" ).text(), "Today", "Navigation current - default" ); equal(dp.find( ".ui-datepicker-next" ).text(), "Next", "Navigation next - default" ); inp.datepicker( "hide" ).datepicker( "option", {navigationAsDateFormat: true, prevText: "< M", currentText: "MM", nextText: "M >"}). val( "02/04/2008" ).datepicker( "show" ); longNames = $.datepicker.regional[""].monthNames; shortNames = $.datepicker.regional[""].monthNamesShort; date = new Date(); equal(dp.find( ".ui-datepicker-prev" ).text(), "< " + shortNames[0], "Navigation prev - as date format" ); equal(dp.find( ".ui-datepicker-current" ).text(), longNames[date.getMonth()], "Navigation current - as date format" ); equal(dp.find( ".ui-datepicker-next" ).text(), shortNames[2] + " >", "Navigation next - as date format" ); inp.simulate( "keydown", {keyCode: $.ui.keyCode.PAGE_DOWN}); equal(dp.find( ".ui-datepicker-prev" ).text(), "< " + shortNames[1], "Navigation prev - as date format + pgdn" ); equal(dp.find( ".ui-datepicker-current" ).text(), longNames[date.getMonth()], "Navigation current - as date format + pgdn" ); equal(dp.find( ".ui-datepicker-next" ).text(), shortNames[3] + " >", "Navigation next - as date format + pgdn" ); inp.datepicker( "hide" ).datepicker( "option", {gotoCurrent: true}). val( "02/04/2008" ).datepicker( "show" ); equal(dp.find( ".ui-datepicker-prev" ).text(), "< " + shortNames[0], "Navigation prev - as date format + goto current" ); equal(dp.find( ".ui-datepicker-current" ).text(), longNames[1], "Navigation current - as date format + goto current" ); equal(dp.find( ".ui-datepicker-next" ).text(), shortNames[2] + " >", "Navigation next - as date format + goto current" ); }); test( "minMax", function() { expect( 23 ); var date, inp = TestHelpers.datepicker.init( "#inp" ), dp = $( "#ui-datepicker-div" ), lastYear = new Date(2007, 6 - 1, 4), nextYear = new Date(2009, 6 - 1, 4), minDate = new Date(2008, 2 - 1, 29), maxDate = new Date(2008, 12 - 1, 7); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), lastYear, "Min/max - null, null - ctrl+pgup" ); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), nextYear, "Min/max - null, null - ctrl+pgdn" ); inp.datepicker( "option", {minDate: minDate}). datepicker( "hide" ).val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), minDate, "Min/max - 02/29/2008, null - ctrl+pgup" ); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), nextYear, "Min/max - 02/29/2008, null - ctrl+pgdn" ); inp.datepicker( "option", {maxDate: maxDate}). datepicker( "hide" ).val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), minDate, "Min/max - 02/29/2008, 12/07/2008 - ctrl+pgup" ); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), maxDate, "Min/max - 02/29/2008, 12/07/2008 - ctrl+pgdn" ); inp.datepicker( "option", {minDate: null}). datepicker( "hide" ).val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), lastYear, "Min/max - null, 12/07/2008 - ctrl+pgup" ); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), maxDate, "Min/max - null, 12/07/2008 - ctrl+pgdn" ); // Relative dates date = new Date(); date.setDate(date.getDate() - 7); inp.datepicker( "option", {minDate: "-1w", maxDate: "+1 M +10 D "}). datepicker( "hide" ).val( "" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Min/max - -1w, +1 M +10 D - ctrl+pgup" ); date = TestHelpers.datepicker.addMonths(new Date(), 1); date.setDate(date.getDate() + 10); inp.val( "" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date, "Min/max - -1w, +1 M +10 D - ctrl+pgdn" ); // With existing date inp = TestHelpers.datepicker.init( "#inp" ); inp.val( "06/04/2008" ).datepicker( "option", {minDate: minDate}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), new Date(2008, 6 - 1, 4), "Min/max - setDate > min" ); inp.datepicker( "option", {minDate: null}).val( "01/04/2008" ).datepicker( "option", {minDate: minDate}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), minDate, "Min/max - setDate < min" ); inp.datepicker( "option", {minDate: null}).val( "06/04/2008" ).datepicker( "option", {maxDate: maxDate}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), new Date(2008, 6 - 1, 4), "Min/max - setDate < max" ); inp.datepicker( "option", {maxDate: null}).val( "01/04/2009" ).datepicker( "option", {maxDate: maxDate}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), maxDate, "Min/max - setDate > max" ); inp.datepicker( "option", {maxDate: null}).val( "01/04/2008" ).datepicker( "option", {minDate: minDate, maxDate: maxDate}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), minDate, "Min/max - setDate < min" ); inp.datepicker( "option", {maxDate: null}).val( "06/04/2008" ).datepicker( "option", {minDate: minDate, maxDate: maxDate}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), new Date(2008, 6 - 1, 4), "Min/max - setDate > min, < max" ); inp.datepicker( "option", {maxDate: null}).val( "01/04/2009" ).datepicker( "option", {minDate: minDate, maxDate: maxDate}); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), maxDate, "Min/max - setDate > max" ); inp.datepicker( "option", {yearRange: "-0:+1"}).val( "01/01/" + new Date().getFullYear()); ok(dp.find( ".ui-datepicker-prev" ).hasClass( "ui-state-disabled" ), "Year Range Test - previous button disabled at 1/1/minYear" ); inp.datepicker( "setDate", "12/30/" + new Date().getFullYear()); ok(dp.find( ".ui-datepicker-next" ).hasClass( "ui-state-disabled" ), "Year Range Test - next button disabled at 12/30/maxYear" ); inp.datepicker( "option", { minDate: new Date(1900, 0, 1), maxDate: "-7Y", yearRange: "1900:-7" }).val( "" ); ok(dp.find( ".ui-datepicker-next" ).hasClass( "ui-state-disabled" ), "Year Range Test - relative - next button disabled" ); ok(!dp.find( ".ui-datepicker-prev" ).hasClass( "ui-state-disabled" ), "Year Range Test - relative - prev button enabled" ); inp.datepicker( "option", { minDate: new Date(1900, 0, 1), maxDate: "1/25/2007", yearRange: "1900:2007" }).val( "" ); ok(dp.find( ".ui-datepicker-next" ).hasClass( "ui-state-disabled" ), "Year Range Test - absolute - next button disabled" ); ok(!dp.find( ".ui-datepicker-prev" ).hasClass( "ui-state-disabled" ), "Year Range Test - absolute - prev button enabled" ); }); test( "setDate", function() { expect( 24 ); var inl, alt, minDate, maxDate, dateAndTimeToSet, dateAndTimeClone, inp = TestHelpers.datepicker.init( "#inp" ), date1 = new Date(2008, 6 - 1, 4), date2 = new Date(); ok(inp.datepicker( "getDate" ) == null, "Set date - default" ); inp.datepicker( "setDate", date1); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date1, "Set date - 2008-06-04" ); date1 = new Date(); date1.setDate(date1.getDate() + 7); inp.datepicker( "setDate", +7); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date1, "Set date - +7" ); date2.setFullYear(date2.getFullYear() + 2); inp.datepicker( "setDate", "+2y" ); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date2, "Set date - +2y" ); inp.datepicker( "setDate", date1, date2); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date1, "Set date - two dates" ); inp.datepicker( "setDate" ); ok(inp.datepicker( "getDate" ) == null, "Set date - null" ); // Relative to current date date1 = new Date(); date1.setDate(date1.getDate() + 7); inp.datepicker( "setDate", "c +7" ); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date1, "Set date - c +7" ); date1.setDate(date1.getDate() + 7); inp.datepicker( "setDate", "c+7" ); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date1, "Set date - c+7" ); date1.setDate(date1.getDate() - 21); inp.datepicker( "setDate", "c -3 w" ); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date1, "Set date - c -3 w" ); // Inline inl = TestHelpers.datepicker.init( "#inl" ); date1 = new Date(2008, 6 - 1, 4); date2 = new Date(); TestHelpers.datepicker.equalsDate(inl.datepicker( "getDate" ), date2, "Set date inline - default" ); inl.datepicker( "setDate", date1); TestHelpers.datepicker.equalsDate(inl.datepicker( "getDate" ), date1, "Set date inline - 2008-06-04" ); date1 = new Date(); date1.setDate(date1.getDate() + 7); inl.datepicker( "setDate", +7); TestHelpers.datepicker.equalsDate(inl.datepicker( "getDate" ), date1, "Set date inline - +7" ); date2.setFullYear(date2.getFullYear() + 2); inl.datepicker( "setDate", "+2y" ); TestHelpers.datepicker.equalsDate(inl.datepicker( "getDate" ), date2, "Set date inline - +2y" ); inl.datepicker( "setDate", date1, date2); TestHelpers.datepicker.equalsDate(inl.datepicker( "getDate" ), date1, "Set date inline - two dates" ); inl.datepicker( "setDate" ); ok(inl.datepicker( "getDate" ) == null, "Set date inline - null" ); // Alternate field alt = $( "#alt" ); inp.datepicker( "option", {altField: "#alt", altFormat: "yy-mm-dd"}); date1 = new Date(2008, 6 - 1, 4); inp.datepicker( "setDate", date1); equal(inp.val(), "06/04/2008", "Set date alternate - 06/04/2008" ); equal(alt.val(), "2008-06-04", "Set date alternate - 2008-06-04" ); // With minimum/maximum inp = TestHelpers.datepicker.init( "#inp" ); date1 = new Date(2008, 1 - 1, 4); date2 = new Date(2008, 6 - 1, 4); minDate = new Date(2008, 2 - 1, 29); maxDate = new Date(2008, 3 - 1, 28); inp.val( "" ).datepicker( "option", {minDate: minDate}).datepicker( "setDate", date2); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date2, "Set date min/max - setDate > min" ); inp.datepicker( "setDate", date1); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), minDate, "Set date min/max - setDate < min" ); inp.val( "" ).datepicker( "option", {maxDate: maxDate, minDate: null}).datepicker( "setDate", date1); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), date1, "Set date min/max - setDate < max" ); inp.datepicker( "setDate", date2); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), maxDate, "Set date min/max - setDate > max" ); inp.val( "" ).datepicker( "option", {minDate: minDate}).datepicker( "setDate", date1); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), minDate, "Set date min/max - setDate < min" ); inp.datepicker( "setDate", date2); TestHelpers.datepicker.equalsDate(inp.datepicker( "getDate" ), maxDate, "Set date min/max - setDate > max" ); dateAndTimeToSet = new Date(2008, 3 - 1, 28, 1, 11, 0); dateAndTimeClone = new Date(2008, 3 - 1, 28, 1, 11, 0); inp.datepicker( "setDate", dateAndTimeToSet); equal(dateAndTimeToSet.getTime(), dateAndTimeClone.getTime(), "Date object passed should not be changed by setDate" ); }); test( "altField", function() { expect( 10 ); var inp = TestHelpers.datepicker.init( "#inp" ), alt = $( "#alt" ); // No alternate field set alt.val( "" ); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); equal(inp.val(), "06/04/2008", "Alt field - dp - enter" ); equal(alt.val(), "", "Alt field - alt not set" ); // Alternate field set alt.val( "" ); inp.datepicker( "option", {altField: "#alt", altFormat: "yy-mm-dd"}). val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); equal(inp.val(), "06/04/2008", "Alt field - dp - enter" ); equal(alt.val(), "2008-06-04", "Alt field - alt - enter" ); // Move from initial date alt.val( "" ); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {keyCode: $.ui.keyCode.PAGE_DOWN}). simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); equal(inp.val(), "07/04/2008", "Alt field - dp - pgdn" ); equal(alt.val(), "2008-07-04", "Alt field - alt - pgdn" ); // Alternate field set - closed alt.val( "" ); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {keyCode: $.ui.keyCode.PAGE_DOWN}). simulate( "keydown", {keyCode: $.ui.keyCode.ESCAPE}); equal(inp.val(), "06/04/2008", "Alt field - dp - pgdn/esc" ); equal(alt.val(), "", "Alt field - alt - pgdn/esc" ); // Clear date and alternate alt.val( "" ); inp.val( "06/04/2008" ).datepicker( "show" ); inp.simulate( "keydown", {ctrlKey: true, keyCode: $.ui.keyCode.END}); equal(inp.val(), "", "Alt field - dp - ctrl+end" ); equal(alt.val(), "", "Alt field - alt - ctrl+end" ); }); test( "autoSize", function() { expect( 15 ); var inp = TestHelpers.datepicker.init( "#inp" ); equal(inp.prop( "size" ), 20, "Auto size - default" ); inp.datepicker( "option", "autoSize", true); equal(inp.prop( "size" ), 10, "Auto size - mm/dd/yy" ); inp.datepicker( "option", "dateFormat", "m/d/yy" ); equal(inp.prop( "size" ), 10, "Auto size - m/d/yy" ); inp.datepicker( "option", "dateFormat", "D M d yy" ); equal(inp.prop( "size" ), 15, "Auto size - D M d yy" ); inp.datepicker( "option", "dateFormat", "DD, MM dd, yy" ); equal(inp.prop( "size" ), 29, "Auto size - DD, MM dd, yy" ); // French inp.datepicker( "option", $.extend({autoSize: false}, $.datepicker.regional.fr)); equal(inp.prop( "size" ), 29, "Auto size - fr - default" ); inp.datepicker( "option", "autoSize", true); equal(inp.prop( "size" ), 10, "Auto size - fr - dd/mm/yy" ); inp.datepicker( "option", "dateFormat", "m/d/yy" ); equal(inp.prop( "size" ), 10, "Auto size - fr - m/d/yy" ); inp.datepicker( "option", "dateFormat", "D M d yy" ); equal(inp.prop( "size" ), 18, "Auto size - fr - D M d yy" ); inp.datepicker( "option", "dateFormat", "DD, MM dd, yy" ); equal(inp.prop( "size" ), 28, "Auto size - fr - DD, MM dd, yy" ); // Hebrew inp.datepicker( "option", $.extend({autoSize: false}, $.datepicker.regional.he)); equal(inp.prop( "size" ), 28, "Auto size - he - default" ); inp.datepicker( "option", "autoSize", true); equal(inp.prop( "size" ), 10, "Auto size - he - dd/mm/yy" ); inp.datepicker( "option", "dateFormat", "m/d/yy" ); equal(inp.prop( "size" ), 10, "Auto size - he - m/d/yy" ); inp.datepicker( "option", "dateFormat", "D M d yy" ); equal(inp.prop( "size" ), 16, "Auto size - he - D M d yy" ); inp.datepicker( "option", "dateFormat", "DD, MM dd, yy" ); equal(inp.prop( "size" ), 23, "Auto size - he - DD, MM dd, yy" ); }); test( "daylightSaving", function() { expect( 25 ); var inp = TestHelpers.datepicker.init( "#inp" ), dp = $( "#ui-datepicker-div" ); ok(true, "Daylight saving - " + new Date()); // Australia, Sydney - AM change, southern hemisphere inp.val( "04/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(6) a", dp).simulate( "click" ); equal(inp.val(), "04/05/2008", "Daylight saving - Australia 04/05/2008" ); inp.val( "04/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(7) a", dp).simulate( "click" ); equal(inp.val(), "04/06/2008", "Daylight saving - Australia 04/06/2008" ); inp.val( "04/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(8) a", dp).simulate( "click" ); equal(inp.val(), "04/07/2008", "Daylight saving - Australia 04/07/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(6) a", dp).simulate( "click" ); equal(inp.val(), "10/04/2008", "Daylight saving - Australia 10/04/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(7) a", dp).simulate( "click" ); equal(inp.val(), "10/05/2008", "Daylight saving - Australia 10/05/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(8) a", dp).simulate( "click" ); equal(inp.val(), "10/06/2008", "Daylight saving - Australia 10/06/2008" ); // Brasil, Brasilia - midnight change, southern hemisphere inp.val( "02/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(20) a", dp).simulate( "click" ); equal(inp.val(), "02/16/2008", "Daylight saving - Brasil 02/16/2008" ); inp.val( "02/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(21) a", dp).simulate( "click" ); equal(inp.val(), "02/17/2008", "Daylight saving - Brasil 02/17/2008" ); inp.val( "02/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(22) a", dp).simulate( "click" ); equal(inp.val(), "02/18/2008", "Daylight saving - Brasil 02/18/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(13) a", dp).simulate( "click" ); equal(inp.val(), "10/11/2008", "Daylight saving - Brasil 10/11/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(14) a", dp).simulate( "click" ); equal(inp.val(), "10/12/2008", "Daylight saving - Brasil 10/12/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(15) a", dp).simulate( "click" ); equal(inp.val(), "10/13/2008", "Daylight saving - Brasil 10/13/2008" ); // Lebanon, Beirut - midnight change, northern hemisphere inp.val( "03/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(34) a", dp).simulate( "click" ); equal(inp.val(), "03/29/2008", "Daylight saving - Lebanon 03/29/2008" ); inp.val( "03/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(35) a", dp).simulate( "click" ); equal(inp.val(), "03/30/2008", "Daylight saving - Lebanon 03/30/2008" ); inp.val( "03/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(36) a", dp).simulate( "click" ); equal(inp.val(), "03/31/2008", "Daylight saving - Lebanon 03/31/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(27) a", dp).simulate( "click" ); equal(inp.val(), "10/25/2008", "Daylight saving - Lebanon 10/25/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(28) a", dp).simulate( "click" ); equal(inp.val(), "10/26/2008", "Daylight saving - Lebanon 10/26/2008" ); inp.val( "10/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(29) a", dp).simulate( "click" ); equal(inp.val(), "10/27/2008", "Daylight saving - Lebanon 10/27/2008" ); // US, Eastern - AM change, northern hemisphere inp.val( "03/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(13) a", dp).simulate( "click" ); equal(inp.val(), "03/08/2008", "Daylight saving - US 03/08/2008" ); inp.val( "03/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(14) a", dp).simulate( "click" ); equal(inp.val(), "03/09/2008", "Daylight saving - US 03/09/2008" ); inp.val( "03/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(15) a", dp).simulate( "click" ); equal(inp.val(), "03/10/2008", "Daylight saving - US 03/10/2008" ); inp.val( "11/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(6) a", dp).simulate( "click" ); equal(inp.val(), "11/01/2008", "Daylight saving - US 11/01/2008" ); inp.val( "11/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(7) a", dp).simulate( "click" ); equal(inp.val(), "11/02/2008", "Daylight saving - US 11/02/2008" ); inp.val( "11/01/2008" ).datepicker( "show" ); $( ".ui-datepicker-calendar td:eq(8) a", dp).simulate( "click" ); equal(inp.val(), "11/03/2008", "Daylight saving - US 11/03/2008" ); }); var beforeShowThis = null, beforeShowInput = null, beforeShowInst = null, beforeShowDayThis = null, beforeShowDayOK = true; function beforeAll(input, inst) { beforeShowThis = this; beforeShowInput = input; beforeShowInst = inst; return {currentText: "Current"}; } function beforeDay(date) { beforeShowDayThis = this; beforeShowDayOK &= (date > new Date(2008, 1 - 1, 26) && date < new Date(2008, 3 - 1, 6)); return [(date.getDate() % 2 === 0), (date.getDate() % 10 === 0 ? "day10" : "" ), (date.getDate() % 3 === 0 ? "Divisble by 3" : "" )]; } test( "callbacks", function() { expect( 13 ); // Before show var dp, day20, day21, inp = TestHelpers.datepicker.init( "#inp", {beforeShow: beforeAll}), inst = $.data(inp[0], "datepicker" ); equal($.datepicker._get(inst, "currentText" ), "Today", "Before show - initial" ); inp.val( "02/04/2008" ).datepicker( "show" ); equal($.datepicker._get(inst, "currentText" ), "Current", "Before show - changed" ); ok(beforeShowThis.id === inp[0].id, "Before show - this OK" ); ok(beforeShowInput.id === inp[0].id, "Before show - input OK" ); deepEqual(beforeShowInst, inst, "Before show - inst OK" ); inp.datepicker( "hide" ).datepicker( "destroy" ); // Before show day inp = TestHelpers.datepicker.init( "#inp", {beforeShowDay: beforeDay}); dp = $( "#ui-datepicker-div" ); inp.val( "02/04/2008" ).datepicker( "show" ); ok(beforeShowDayThis.id === inp[0].id, "Before show day - this OK" ); ok(beforeShowDayOK, "Before show day - dates OK" ); day20 = dp.find( ".ui-datepicker-calendar td:contains('20')" ); day21 = dp.find( ".ui-datepicker-calendar td:contains('21')" ); ok(!day20.is( ".ui-datepicker-unselectable" ), "Before show day - unselectable 20" ); ok(day21.is( ".ui-datepicker-unselectable" ), "Before show day - unselectable 21" ); ok(day20.is( ".day10" ), "Before show day - CSS 20" ); ok(!day21.is( ".day10" ), "Before show day - CSS 21" ); ok(!day20.attr( "title" ), "Before show day - title 20" ); ok(day21.attr( "title" ) === "Divisble by 3", "Before show day - title 21" ); inp.datepicker( "hide" ).datepicker( "destroy" ); }); test( "beforeShowDay - tooltips with quotes", function() { expect( 1 ); var inp, dp; inp = TestHelpers.datepicker.init( "#inp", { beforeShowDay: function() { return [ true, "", "'" ]; } }); dp = $( "#ui-datepicker-div" ); inp.datepicker( "show" ); equal( dp.find( ".ui-datepicker-calendar td:contains('9')" ).attr( "title" ), "'" ); inp.datepicker( "hide" ).datepicker( "destroy" ); }); test( "localisation", function() { expect( 24 ); var dp, month, day, date, inp = TestHelpers.datepicker.init( "#inp", $.datepicker.regional.fr); inp.datepicker( "option", {dateFormat: "DD, d MM yy", showButtonPanel:true, changeMonth:true, changeYear:true}).val( "" ).datepicker( "show" ); dp = $( "#ui-datepicker-div" ); equal($( ".ui-datepicker-close", dp).text(), "Fermer", "Localisation - close" ); $( ".ui-datepicker-close", dp).simulate( "mouseover" ); equal($( ".ui-datepicker-prev", dp).text(), "Précédent", "Localisation - previous" ); equal($( ".ui-datepicker-current", dp).text(), "Aujourd'hui", "Localisation - current" ); equal($( ".ui-datepicker-next", dp).text(), "Suivant", "Localisation - next" ); month = 0; $( ".ui-datepicker-month option", dp).each(function() { equal($(this).text(), $.datepicker.regional.fr.monthNamesShort[month], "Localisation - month " + month); month++; }); day = 1; $( ".ui-datepicker-calendar th", dp).each(function() { equal($(this).text(), $.datepicker.regional.fr.dayNamesMin[day], "Localisation - day " + day); day = (day + 1) % 7; }); inp.simulate( "keydown", {keyCode: $.ui.keyCode.ENTER}); date = new Date(); equal(inp.val(), $.datepicker.regional.fr.dayNames[date.getDay()] + ", " + date.getDate() + " " + $.datepicker.regional.fr.monthNames[date.getMonth()] + " " + date.getFullYear(), "Localisation - formatting" ); }); test( "noWeekends", function() { expect( 31 ); var i, date; for (i = 1; i <= 31; i++) { date = new Date(2001, 1 - 1, i); deepEqual($.datepicker.noWeekends(date), [(i + 1) % 7 >= 2, ""], "No weekends " + date); } }); test( "iso8601Week", function() { expect( 12 ); var date = new Date(2000, 12 - 1, 31); equal($.datepicker.iso8601Week(date), 52, "ISO 8601 week " + date); date = new Date(2001, 1 - 1, 1); equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date); date = new Date(2001, 1 - 1, 7); equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date); date = new Date(2001, 1 - 1, 8); equal($.datepicker.iso8601Week(date), 2, "ISO 8601 week " + date); date = new Date(2003, 12 - 1, 28); equal($.datepicker.iso8601Week(date), 52, "ISO 8601 week " + date); date = new Date(2003, 12 - 1, 29); equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date); date = new Date(2004, 1 - 1, 4); equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date); date = new Date(2004, 1 - 1, 5); equal($.datepicker.iso8601Week(date), 2, "ISO 8601 week " + date); date = new Date(2009, 12 - 1, 28); equal($.datepicker.iso8601Week(date), 53, "ISO 8601 week " + date); date = new Date(2010, 1 - 1, 3); equal($.datepicker.iso8601Week(date), 53, "ISO 8601 week " + date); date = new Date(2010, 1 - 1, 4); equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date); date = new Date(2010, 1 - 1, 10); equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date); }); test( "parseDate", function() { expect( 26 ); TestHelpers.datepicker.init( "#inp" ); var currentYear, gmtDate, fr, settings, zh; ok($.datepicker.parseDate( "d m y", "" ) == null, "Parse date empty" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "d m y", "3 2 01" ), new Date(2001, 2 - 1, 3), "Parse date d m y" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "dd mm yy", "03 02 2001" ), new Date(2001, 2 - 1, 3), "Parse date dd mm yy" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "d m y", "13 12 01" ), new Date(2001, 12 - 1, 13), "Parse date d m y" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "dd mm yy", "13 12 2001" ), new Date(2001, 12 - 1, 13), "Parse date dd mm yy" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "y-o", "01-34" ), new Date(2001, 2 - 1, 3), "Parse date y-o" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "yy-oo", "2001-347" ), new Date(2001, 12 - 1, 13), "Parse date yy-oo" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "oo yy", "348 2004" ), new Date(2004, 12 - 1, 13), "Parse date oo yy" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "D d M y", "Sat 3 Feb 01" ), new Date(2001, 2 - 1, 3), "Parse date D d M y" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "d MM DD yy", "3 February Saturday 2001" ), new Date(2001, 2 - 1, 3), "Parse date dd MM DD yy" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "DD, MM d, yy", "Saturday, February 3, 2001" ), new Date(2001, 2 - 1, 3), "Parse date DD, MM d, yy" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "'day' d 'of' MM (''DD''), yy", "day 3 of February ('Saturday'), 2001" ), new Date(2001, 2 - 1, 3), "Parse date 'day' d 'of' MM (''DD''), yy" ); currentYear = new Date().getFullYear(); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "y-m-d", (currentYear - 2000) + "-02-03" ), new Date(currentYear, 2 - 1, 3), "Parse date y-m-d - default cutuff" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "y-m-d", (currentYear - 2000 + 10) + "-02-03" ), new Date(currentYear+10, 2 - 1, 3), "Parse date y-m-d - default cutuff" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "y-m-d", (currentYear - 2000 + 11) + "-02-03" ), new Date(currentYear-89, 2 - 1, 3), "Parse date y-m-d - default cutuff" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "y-m-d", "80-02-03", {shortYearCutoff: 80}), new Date(2080, 2 - 1, 3), "Parse date y-m-d - cutoff 80" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "y-m-d", "81-02-03", {shortYearCutoff: 80}), new Date(1981, 2 - 1, 3), "Parse date y-m-d - cutoff 80" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "y-m-d", (currentYear - 2000 + 60) + "-02-03", {shortYearCutoff: "+60"}), new Date(currentYear + 60, 2 - 1, 3), "Parse date y-m-d - cutoff +60" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "y-m-d", (currentYear - 2000 + 61) + "-02-03", {shortYearCutoff: "+60"}), new Date(currentYear - 39, 2 - 1, 3), "Parse date y-m-d - cutoff +60" ); gmtDate = new Date(2001, 2 - 1, 3); gmtDate.setMinutes(gmtDate.getMinutes() - gmtDate.getTimezoneOffset()); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "@", "981158400000" ), gmtDate, "Parse date @" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "!", "631167552000000000" ), gmtDate, "Parse date !" ); fr = $.datepicker.regional.fr; settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames, monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames}; TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "D d M y", "Lun. 9 avr. 01", settings), new Date(2001, 4 - 1, 9), "Parse date D M y with settings" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "d MM DD yy", "9 Avril Lundi 2001", settings), new Date(2001, 4 - 1, 9), "Parse date d MM DD yy with settings" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "DD, MM d, yy", "Lundi, Avril 9, 2001", settings), new Date(2001, 4 - 1, 9), "Parse date DD, MM d, yy with settings" ); TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "'jour' d 'de' MM (''DD''), yy", "jour 9 de Avril ('Lundi'), 2001", settings), new Date(2001, 4 - 1, 9), "Parse date 'jour' d 'de' MM (''DD''), yy with settings" ); zh = $.datepicker.regional["zh-CN"]; TestHelpers.datepicker.equalsDate($.datepicker.parseDate( "yy M d", "2011 十一月 22", zh), new Date(2011, 11 - 1, 22), "Parse date yy M d with zh-CN" ); }); test("parseDateErrors", function() { expect( 18 ); TestHelpers.datepicker.init("#inp"); var fr, settings; function expectError(expr, value, error) { try { expr(); ok(false, "Parsed error " + value); } catch (e) { equal(e, error, "Parsed error " + value); } } expectError(function() { $.datepicker.parseDate(null, "Sat 2 01"); }, "Sat 2 01", "Invalid arguments"); expectError(function() { $.datepicker.parseDate("d m y", null); }, "null", "Invalid arguments"); expectError(function() { $.datepicker.parseDate("d m y", "Sat 2 01"); }, "Sat 2 01 - d m y", "Missing number at position 0"); expectError(function() { $.datepicker.parseDate("dd mm yy", "Sat 2 01"); }, "Sat 2 01 - dd mm yy", "Missing number at position 0"); expectError(function() { $.datepicker.parseDate("d m y", "3 Feb 01"); }, "3 Feb 01 - d m y", "Missing number at position 2"); expectError(function() { $.datepicker.parseDate("dd mm yy", "3 Feb 01"); }, "3 Feb 01 - dd mm yy", "Missing number at position 2"); expectError(function() { $.datepicker.parseDate("mm dd yy", "2 1 01"); }, "2 1 01 - dd mm yy", "Missing number at position 4"); expectError(function() { $.datepicker.parseDate("d m y", "3 2 AD01"); }, "3 2 AD01 - d m y", "Missing number at position 4"); expectError(function() { $.datepicker.parseDate("d m yy", "3 2 AD01"); }, "3 2 AD01 - dd mm yy", "Missing number at position 4"); expectError(function() { $.datepicker.parseDate("y-o", "01-D01"); }, "2001-D01 - y-o", "Missing number at position 3"); expectError(function() { $.datepicker.parseDate("yy-oo", "2001-D01"); }, "2001-D01 - yy-oo", "Missing number at position 5"); expectError(function() { $.datepicker.parseDate("D d M y", "D7 3 Feb 01"); }, "D7 3 Feb 01 - D d M y", "Unknown name at position 0"); expectError(function() { $.datepicker.parseDate("D d M y", "Sat 3 M2 01"); }, "Sat 3 M2 01 - D d M y", "Unknown name at position 6"); expectError(function() { $.datepicker.parseDate("DD, MM d, yy", "Saturday- Feb 3, 2001"); }, "Saturday- Feb 3, 2001 - DD, MM d, yy", "Unexpected literal at position 8"); expectError(function() { $.datepicker.parseDate("'day' d 'of' MM (''DD''), yy", "day 3 of February (\"Saturday\"), 2001"); }, "day 3 of Mon2 ('Day7'), 2001", "Unexpected literal at position 19"); expectError(function() { $.datepicker.parseDate("d m y", "29 2 01"); }, "29 2 01 - d m y", "Invalid date"); fr = $.datepicker.regional.fr; settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames, monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames}; expectError(function() { $.datepicker.parseDate( "D d M y", "Mon 9 Avr 01", settings); }, "Mon 9 Avr 01 - D d M y", "Unknown name at position 0" ); expectError(function() { $.datepicker.parseDate( "D d M y", "Lun. 9 Apr 01", settings); }, "Lun. 9 Apr 01 - D d M y", "Unknown name at position 7" ); }); test( "Ticket #7244: date parser does not fail when too many numbers are passed into the date function", function() { expect( 4 ); var date; try{ date = $.datepicker.parseDate( "dd/mm/yy", "18/04/19881" ); ok(false, "Did not properly detect an invalid date" ); }catch(e){ ok( "invalid date detected" ); } try { date = $.datepicker.parseDate( "dd/mm/yy", "18/04/1988 @ 2:43 pm" ); equal(date.getDate(), 18); equal(date.getMonth(), 3); equal(date.getFullYear(), 1988); } catch(e) { ok(false, "Did not properly parse date with extra text separated by whitespace" ); } }); test( "formatDate", function() { expect( 16 ); TestHelpers.datepicker.init( "#inp" ); var gmtDate, fr, settings; equal($.datepicker.formatDate( "d m y", new Date(2001, 2 - 1, 3)), "3 2 01", "Format date d m y" ); equal($.datepicker.formatDate( "dd mm yy", new Date(2001, 2 - 1, 3)), "03 02 2001", "Format date dd mm yy" ); equal($.datepicker.formatDate( "d m y", new Date(2001, 12 - 1, 13)), "13 12 01", "Format date d m y" ); equal($.datepicker.formatDate( "dd mm yy", new Date(2001, 12 - 1, 13)), "13 12 2001", "Format date dd mm yy" ); equal($.datepicker.formatDate( "yy-o", new Date(2001, 2 - 1, 3)), "2001-34", "Format date yy-o" ); equal($.datepicker.formatDate( "yy-oo", new Date(2001, 2 - 1, 3)), "2001-034", "Format date yy-oo" ); equal($.datepicker.formatDate( "D M y", new Date(2001, 2 - 1, 3)), "Sat Feb 01", "Format date D M y" ); equal($.datepicker.formatDate( "DD MM yy", new Date(2001, 2 - 1, 3)), "Saturday February 2001", "Format date DD MM yy" ); equal($.datepicker.formatDate( "DD, MM d, yy", new Date(2001, 2 - 1, 3)), "Saturday, February 3, 2001", "Format date DD, MM d, yy" ); equal($.datepicker.formatDate( "'day' d 'of' MM (''DD''), yy", new Date(2001, 2 - 1, 3)), "day 3 of February ('Saturday'), 2001", "Format date 'day' d 'of' MM ('DD'), yy" ); gmtDate = new Date(2001, 2 - 1, 3); gmtDate.setMinutes( gmtDate.getMinutes() - gmtDate.getTimezoneOffset() ); equal($.datepicker.formatDate( "@", gmtDate), "981158400000", "Format date @" ); equal($.datepicker.formatDate( "!", gmtDate), "631167552000000000", "Format date !" ); fr = $.datepicker.regional.fr; settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames, monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames}; equal($.datepicker.formatDate( "D M y", new Date(2001, 4 - 1, 9), settings), "lun. avr. 01", "Format date D M y with settings" ); equal($.datepicker.formatDate( "DD MM yy", new Date(2001, 4 - 1, 9), settings), "lundi avril 2001", "Format date DD MM yy with settings" ); equal($.datepicker.formatDate( "DD, MM d, yy", new Date(2001, 4 - 1, 9), settings), "lundi, avril 9, 2001", "Format date DD, MM d, yy with settings" ); equal($.datepicker.formatDate( "'jour' d 'de' MM (''DD''), yy", new Date(2001, 4 - 1, 9), settings), "jour 9 de avril ('lundi'), 2001", "Format date 'jour' d 'de' MM (''DD''), yy with settings" ); }); // TODO: Fix this test so it isn't mysteriously flaky in Browserstack on certain OS/Browser combos // test( "Ticket 6827: formatDate day of year calculation is wrong during day lights savings time", function(){ // expect( 1 ); // var time = $.datepicker.formatDate( "oo", new Date( "2010/03/30 12:00:00 CDT" )); // equal(time, "089" ); // }); test( "Ticket 7602: Stop datepicker from appearing with beforeShow event handler", function() { expect( 3 ); var inp, dp; inp = TestHelpers.datepicker.init( "#inp", { beforeShow: function() { } }); dp = $( "#ui-datepicker-div" ); inp.datepicker( "show" ); equal( dp.css( "display" ), "block", "beforeShow returns nothing" ); inp.datepicker( "hide" ).datepicker( "destroy" ); inp = TestHelpers.datepicker.init( "#inp", { beforeShow: function() { return true; } }); dp = $( "#ui-datepicker-div" ); inp.datepicker( "show" ); equal( dp.css( "display" ), "block", "beforeShow returns true" ); inp.datepicker( "hide" ); inp.datepicker( "destroy" ); inp = TestHelpers.datepicker.init( "#inp", { beforeShow: function() { return false; } }); dp = $( "#ui-datepicker-div" ); inp.datepicker( "show" ); equal( dp.css( "display" ), "none", "beforeShow returns false" ); inp.datepicker( "destroy" ); }); */ })(jQuery);