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

define( [
	"qunit",
	"jquery",
	"./helper",
	"ui/widgets/spinner"
], function( QUnit, $, testHelper ) {

var simulateKeyDownUp = testHelper.simulateKeyDownUp;

QUnit.module( "spinner: events" );

QUnit.test( "start", function( assert ) {
	assert.expect( 10 );
	var element = $( "#spin" ).spinner();

	function shouldStart( expectation, msg ) {
		element.spinner( "option", "start", function() {
			assert.ok( expectation, msg );
		} );
	}

	shouldStart( true, "key UP" );
	simulateKeyDownUp( element, $.ui.keyCode.UP );
	shouldStart( true, "key DOWN" );
	simulateKeyDownUp( element, $.ui.keyCode.DOWN );

	shouldStart( true, "key PAGE_UP" );
	simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
	shouldStart( true, "key PAGE_DOWN" );
	simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );

	shouldStart( true, "button up" );
	element.spinner( "widget" ).find( ".ui-spinner-up" ).trigger( "mousedown" ).trigger( "mouseup" );
	shouldStart( true, "button down" );
	element.spinner( "widget" ).find( ".ui-spinner-down" ).trigger( "mousedown" ).trigger( "mouseup" );

	shouldStart( true, "stepUp" );
	element.spinner( "stepUp" );
	shouldStart( true, "stepDown" );
	element.spinner( "stepDown" );

	shouldStart( true, "pageUp" );
	element.spinner( "pageUp" );
	shouldStart( true, "pageDown" );
	element.spinner( "pageDown" );

	shouldStart( false, "value" );
	element.spinner( "value", 999 );
} );

QUnit.test( "spin", function( assert ) {
	assert.expect( 10 );
	var element = $( "#spin" ).spinner();

	function shouldSpin( expectation, msg ) {
		element.spinner( "option", "spin", function() {
			assert.ok( expectation, msg );
		} );
	}

	shouldSpin( true, "key UP" );
	simulateKeyDownUp( element, $.ui.keyCode.UP );
	shouldSpin( true, "key DOWN" );
	simulateKeyDownUp( element, $.ui.keyCode.DOWN );

	shouldSpin( true, "key PAGE_UP" );
	simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
	shouldSpin( true, "key PAGE_DOWN" );
	simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );

	shouldSpin( true, "button up" );
	element.spinner( "widget" ).find( ".ui-spinner-up" ).trigger( "mousedown" ).trigger( "mouseup" );
	shouldSpin( true, "button down" );
	element.spinner( "widget" ).find( ".ui-spinner-down" ).trigger( "mousedown" ).trigger( "mouseup" );

	shouldSpin( true, "stepUp" );
	element.spinner( "stepUp" );
	shouldSpin( true, "stepDown" );
	element.spinner( "stepDown" );

	shouldSpin( true, "pageUp" );
	element.spinner( "pageUp" );
	shouldSpin( true, "pageDown" );
	element.spinner( "pageDown" );

	shouldSpin( false, "value" );
	element.spinner( "value", 999 );
} );

QUnit.test( "stop", function( assert ) {
	assert.expect( 10 );
	var element = $( "#spin" ).spinner();

	function shouldStop( expectation, msg ) {
		element.spinner( "option", "stop", function() {
			assert.ok( expectation, msg );
		} );
	}

	shouldStop( true, "key UP" );
	simulateKeyDownUp( element, $.ui.keyCode.UP );
	shouldStop( true, "key DOWN" );
	simulateKeyDownUp( element, $.ui.keyCode.DOWN );

	shouldStop( true, "key PAGE_UP" );
	simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
	shouldStop( true, "key PAGE_DOWN" );
	simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );

	shouldStop( true, "button up" );
	element.spinner( "widget" ).find( ".ui-spinner-up" ).trigger( "mousedown" ).trigger( "mouseup" );
	shouldStop( true, "button down" );
	element.spinner( "widget" ).find( ".ui-spinner-down" ).trigger( "mousedown" ).trigger( "mouseup" );

	shouldStop( true, "stepUp" );
	element.spinner( "stepUp" );
	shouldStop( true, "stepDown" );
	element.spinner( "stepDown" );

	shouldStop( true, "pageUp" );
	element.spinner( "pageUp" );
	shouldStop( true, "pageDown" );
	element.spinner( "pageDown" );

	shouldStop( false, "value" );
	element.spinner( "value", 999 );
} );

QUnit.test( "change", function( assert ) {
	var ready = assert.async();
	assert.expect( 12 );
	var element = $( "#spin" ).spinner();

	function shouldChange( expectation, msg ) {
		element.spinner( "option", "change", function() {
			assert.ok( expectation, msg );
		} );
	}

	function focusWrap( fn, next ) {
		element[ 0 ].focus();
		setTimeout( function() {
			fn();
			setTimeout( function() {
				element[ 0 ].blur();
				setTimeout( next );
			} );
		} );
	}

	function step1() {
		focusWrap( function() {
			shouldChange( false, "key UP, before blur" );
			simulateKeyDownUp( element, $.ui.keyCode.UP );
			shouldChange( true, "blur after key UP" );
		}, step2 );
	}

	function step2() {
		focusWrap( function() {
			shouldChange( false, "key DOWN, before blur" );
			simulateKeyDownUp( element, $.ui.keyCode.DOWN );
			shouldChange( true, "blur after key DOWN" );
		}, step3 );
	}

	function step3() {
		focusWrap( function() {
			shouldChange( false, "key PAGE_UP, before blur" );
			simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
			shouldChange( true, "blur after key PAGE_UP" );
		}, step4 );
	}

	function step4() {
		focusWrap( function() {
			shouldChange( false, "key PAGE_DOWN, before blur" );
			simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
			shouldChange( true, "blur after key PAGE_DOWN" );
		}, step5 );
	}

	function step5() {
		focusWrap( function() {
			shouldChange( false, "many keys, before blur" );
			simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
			simulateKeyDownUp( element, $.ui.keyCode.UP );
			simulateKeyDownUp( element, $.ui.keyCode.UP );
			simulateKeyDownUp( element, $.ui.keyCode.UP );
			simulateKeyDownUp( element, $.ui.keyCode.DOWN );
			shouldChange( true, "blur after many keys" );
		}, step6 );
	}

	function step6() {
		focusWrap( function() {
			shouldChange( false, "many keys, same final value, before blur" );
			simulateKeyDownUp( element, $.ui.keyCode.UP );
			simulateKeyDownUp( element, $.ui.keyCode.UP );
			simulateKeyDownUp( element, $.ui.keyCode.DOWN );
			simulateKeyDownUp( element, $.ui.keyCode.DOWN );
			shouldChange( false, "blur after many keys, same final value" );

			shouldChange( false, "button up, before blur" );
			element.spinner( "widget" ).find( ".ui-spinner-up" ).trigger( "mousedown" ).trigger( "mouseup" );
			shouldChange( true, "blur after button up" );
		}, step7 );
	}

	function step7() {
		focusWrap( function() {
			shouldChange( false, "button down, before blur" );
			element.spinner( "widget" ).find( ".ui-spinner-down" ).trigger( "mousedown" ).trigger( "mouseup" );
			shouldChange( true, "blur after button down" );
		}, step8 );
	}

	function step8() {
		focusWrap( function() {
			shouldChange( false, "many buttons, same final value, before blur" );
			element.spinner( "widget" ).find( ".ui-spinner-up" ).trigger( "mousedown" ).trigger( "mouseup" );
			element.spinner( "widget" ).find( ".ui-spinner-up" ).trigger( "mousedown" ).trigger( "mouseup" );
			element.spinner( "widget" ).find( ".ui-spinner-down" ).trigger( "mousedown" ).trigger( "mouseup" );
			element.spinner( "widget" ).find( ".ui-spinner-down" ).trigger( "mousedown" ).trigger( "mouseup" );
			shouldChange( false, "blur after many buttons, same final value" );
		}, step9 );
	}

	function step9() {
		shouldChange( true, "stepUp" );
		element.spinner( "stepUp" );

		shouldChange( true, "stepDown" );
		element.spinner( "stepDown" );

		shouldChange( true, "pageUp" );
		element.spinner( "pageUp" );

		shouldChange( true, "pageDown" );
		element.spinner( "pageDown" );

		shouldChange( true, "value" );
		element.spinner( "value", 999 );

		shouldChange( false, "value, same value" );
		element.spinner( "value", 999 );

		shouldChange( false, "max, value not changed" );
		element.spinner( "option", "max", 900 );

		shouldChange( false, "max, value not changed" );
		element.spinner( "option", "max", 1000 );

		shouldChange( false, "min, value not changed" );
		element.spinner( "option", "min", 950 );

		shouldChange( false, "min, value not changed" );
		element.spinner( "option", "min", 200 );
		ready();
	}

	setTimeout( step1 );
} );

} );