jquery-ui/tests/unit/tooltip/tooltip_events.js

(function( $ ) {

module( "tooltip: events" );

test( "programmatic triggers", function() {
	expect( 4 );
	var tooltip,
		element = $( "#tooltipped1" ).tooltip();

	element.one( "tooltipopen", function( event, ui ) {
		tooltip = ui.tooltip;
		ok( !( "originalEvent" in event ), "open" );
		strictEqual( ui.tooltip[0],
			$( "#" + element.attr( "aria-describedby" ) )[0], "ui.tooltip" );
	});
	element.tooltip( "open" );

	element.one( "tooltipclose", function( event, ui ) {
		ok( !( "originalEvent" in event ), "close" );
		strictEqual( ui.tooltip[0], tooltip[0], "ui.tooltip" );
	});
	element.tooltip( "close" );
});

test( "mouse events", function() {
	expect( 2 );
	var element = $( "#tooltipped1" ).tooltip();

	element.one( "tooltipopen", function( event ) {
		same( event.originalEvent.type, "mouseover" );
	});
	element.trigger( "mouseover" );

	element.one( "tooltipclose", function( event ) {
		same( event.originalEvent.type, "mouseleave" );
	});
	element.trigger( "mouseleave" );
});

test( "focus events", function() {
	expect( 2 );
	var element = $( "#tooltipped1" ).tooltip();

	element.one( "tooltipopen", function( event ) {
		same( event.originalEvent.type, "focusin" );
	});
	element.trigger( "focusin" );

	element.one( "tooltipclose", function( event ) {
		same( event.originalEvent.type, "blur" );
	});
	element.trigger( "blur" );
});

asyncTest( "mixed events", function() {
	expect( 2 );
	var element = $( "#tooltipped1" ).tooltip();

	element.one( "tooltipopen", function( event ) {
		same( event.originalEvent.type, "focusin" );
	});
	element[0].focus();

	element.one( "tooltipopen", function() {
		ok( false, "open triggered while already open" );
	});
	element.trigger( "mouseover" );

	element.bind( "tooltipclose", function( event ) {
		ok( false, "close triggered while still focused" );
	});
	element.trigger( "mouseleave" );
	element.unbind( "tooltipclose" );

	// blurring is async in IE
	element.one( "tooltipclose", function( event ) {
		same( event.originalEvent.type, "blur" );
		start();
	});
	element[0].blur();
});

}( jQuery ) );