jquery-ui/tests/unit/datepicker/events.js

define( [
	"qunit",
	"jquery",
	"./helper",
	"ui/widgets/datepicker"
], function( QUnit, $, testHelper ) {
"use strict";

var beforeAfterEach = testHelper.beforeAfterEach;

QUnit.module( "datepicker: events", beforeAfterEach() );

var selectedThis = null,
selectedDate = null,
selectedInst = null;

function callback( date, inst ) {
	selectedThis = this;
	selectedDate = date;
	selectedInst = inst;
}

function callback2( year, month, inst ) {
	selectedThis = this;
	selectedDate = year + "/" + month;
	selectedInst = inst;
}

QUnit.test( "events", function( assert ) {
	assert.expect( 26 );
	var dateStr, newMonthYear, inp2,
		inp = testHelper.init( "#inp", { onSelect: callback } ),
	date = new Date();

	// OnSelect
	inp.val( "" ).datepicker( "show" ).
		simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } );
	assert.equal( selectedThis, inp[ 0 ], "Callback selected this" );
	assert.equal( selectedInst, $.data( inp[ 0 ], testHelper.PROP_NAME ), "Callback selected inst" );
	assert.equal( selectedDate, $.datepicker.formatDate( "mm/dd/yy", date ),
		"Callback selected date" );
	inp.val( "" ).datepicker( "show" ).
		simulate( "keydown", { ctrlKey: true, keyCode: $.ui.keyCode.DOWN } ).
		simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } );
	date.setDate( date.getDate() + 7 );
	assert.equal( selectedDate, $.datepicker.formatDate( "mm/dd/yy", date ),
		"Callback selected date - ctrl+down" );
	inp.val( "" ).datepicker( "show" ).
		simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } );
	assert.equal( selectedDate, $.datepicker.formatDate( "mm/dd/yy", date ),
		"Callback selected date - esc" );
	dateStr = "02/04/2008";
	inp.val( dateStr ).datepicker( "show" ).
		simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } );
	assert.equal( dateStr, selectedDate,
		"onSelect is called after enter keydown" );

	// OnChangeMonthYear
	inp.datepicker( "option", { onChangeMonthYear: callback2, onSelect: null } ).
		val( "" ).datepicker( "show" );
	newMonthYear = function( date ) {
		return date.getFullYear() + "/" + ( date.getMonth() + 1 );
	};
	date = new Date();
	date.setDate( 1 );
	inp.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } );
	date.setMonth( date.getMonth() - 1 );
	assert.equal( selectedThis, inp[ 0 ], "Callback change month/year this" );
	assert.equal( selectedInst, $.data( inp[ 0 ], testHelper.PROP_NAME ), "Callback change month/year inst" );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year date - pgup" );
	inp.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } );
	date.setMonth( date.getMonth() + 1 );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year date - pgdn" );
	inp.simulate( "keydown", { ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP } );
	date.setFullYear( date.getFullYear() - 1 );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year date - ctrl+pgup" );
	inp.simulate( "keydown", { ctrlKey: true, keyCode: $.ui.keyCode.HOME } );
	date.setFullYear( date.getFullYear() + 1 );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year date - ctrl+home" );
	inp.simulate( "keydown", { ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN } );
	date.setFullYear( date.getFullYear() + 1 );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year date - ctrl+pgdn" );
	inp.datepicker( "setDate", new Date( 2007, 1 - 1, 26 ) );
	assert.equal( selectedDate, "2007/1", "Callback change month/year date - setDate" );
	selectedDate = null;
	inp.datepicker( "setDate", new Date( 2007, 1 - 1, 12 ) );
	assert.ok( selectedDate == null, "Callback change month/year date - setDate no change" );

	// OnChangeMonthYear step by 2
	inp.datepicker( "option", { stepMonths: 2 } ).
		datepicker( "hide" ).val( "" ).datepicker( "show" ).
		simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } );
	date.setMonth( date.getMonth() - 14 );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year by 2 date - pgup" );
	inp.simulate( "keydown", { ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP } );
	date.setMonth( date.getMonth() - 12 );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year by 2 date - ctrl+pgup" );
	inp.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } );
	date.setMonth( date.getMonth() + 2 );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year by 2 date - pgdn" );
	inp.simulate( "keydown", { ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN } );
	date.setMonth( date.getMonth() + 12 );
	assert.equal( selectedDate, newMonthYear( date ),
		"Callback change month/year by 2 date - ctrl+pgdn" );

	// OnClose
	inp.datepicker( "option", { onClose: callback, onChangeMonthYear: null, stepMonths: 1 } ).
		val( "" ).datepicker( "show" ).
		simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } );
	assert.equal( selectedThis, inp[ 0 ], "Callback close this" );
	assert.equal( selectedInst, $.data( inp[ 0 ], testHelper.PROP_NAME ), "Callback close inst" );
	assert.equal( selectedDate, "", "Callback close date - esc" );
	inp.val( "" ).datepicker( "show" ).
		simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } );
	assert.equal( selectedDate, $.datepicker.formatDate( "mm/dd/yy", new Date() ),
		"Callback close date - enter" );
	inp.val( "02/04/2008" ).datepicker( "show" ).
		simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } );
	assert.equal( selectedDate, "02/04/2008", "Callback close date - preset" );
	inp.val( "02/04/2008" ).datepicker( "show" ).
		simulate( "keydown", { ctrlKey: true, keyCode: $.ui.keyCode.END } );
	assert.equal( selectedDate, "", "Callback close date - ctrl+end" );

	inp2 = testHelper.init( "#inp2" );
	inp2.datepicker().datepicker( "option", { onClose: callback } ).datepicker( "show" );
	inp.datepicker( "show" );
	assert.equal( selectedThis, inp2[ 0 ], "Callback close this" );
} );

QUnit.test( "beforeShowDay-getDate", function( assert ) {
	assert.expect( 3 );
	var inp = testHelper.init( "#inp", {
		beforeShowDay: function() {
			inp.datepicker( "getDate" ); return [ true, "" ];
		}
	} );
	var dp = $( "#ui-datepicker-div" );
	inp.val( "01/01/2010" ).datepicker( "show" );

	// Contains non-breaking space
	assert.equal( $( "div.ui-datepicker-title" ).text(),

		// In IE7/8 with jQuery <1.8, encoded spaces behave in strange ways
		$( "<span>January&#xa0;2010</span>" ).text(), "Initial month" );
	$( "a.ui-datepicker-next", dp ).trigger( "click" );
	$( "a.ui-datepicker-next", dp ).trigger( "click" );

	// Contains non-breaking space
	assert.equal( $( "div.ui-datepicker-title" ).text(),
		$( "<span>March&#xa0;2010</span>" ).text(), "After next clicks" );
	inp.datepicker( "hide" ).datepicker( "show" );
	$( "a.ui-datepicker-prev", dp ).trigger( "click" );
	$( "a.ui-datepicker-prev", dp ).trigger( "click" );

	// Contains non-breaking space
	assert.equal( $( "div.ui-datepicker-title" ).text(),
		$( "<span>November&#xa0;2009</span>" ).text(), "After prev clicks" );
	inp.datepicker( "hide" );
} );

} );