Tooltip tests: Refactored and added some tests.

Author: scottgonzalez

tests/unit/tooltip/tooltip_events.js

@@ -4,45 +4,47 @@ module( "tooltip: events" );
 
 test( "programmatic triggers", function() {
 	expect( 2 );
-	var element = $( "#tooltipped1" ).tooltip({
-		open: function( event, ui ) {
-			same( event.type, "tooltipopen" );
-		},
-		close: function( event, ui ) {
-			same( event.type, "tooltipclose" );
-		}
+	var element = $( "#tooltipped1" ).tooltip();
+
+	element.one( "tooltipopen", function( event ) {
+		ok( !( "originalEvent" in event ), "open" );
+	});
+	element.tooltip( "open" );
+
+	element.one( "tooltipclose", function( event ) {
+		ok( !( "originalEvent" in event ), "close" );
 	});
-	element.tooltip( "open" ).tooltip( "close" );
+	element.tooltip( "close" );
 });
 
 test( "mouse events", function() {
-	expect( 4 );
-	var element = $( "#tooltipped1" ).tooltip({
-		open: function( event, ui ) {
-			same( event.type, "tooltipopen" );
-			same( event.originalEvent.type, "mouseover" );
-		},
-		close: function( event, ui ) {
-			same( event.type, "tooltipclose" );
-			same( event.originalEvent.type, "mouseleave" );
-		}
+	expect( 2 );
+	var element = $( "#tooltipped1" ).tooltip();
+
+	element.one( "tooltipopen", function( event ) {
+		same( event.originalEvent.type, "mouseover" );
 	});
-	element.trigger( "mouseover" ).trigger( "mouseleave" );
+	element.trigger( "mouseover" );
+
+	element.one( "tooltipclose", function( event ) {
+		same( event.originalEvent.type, "mouseleave" );
+	});
+	element.trigger( "mouseleave" );
 });
 
 test( "focus events", function() {
-	expect( 4 );
-	var element = $( "#tooltipped1" ).tooltip({
-		open: function( event, ui ) {
-			same( event.type, "tooltipopen" );
-			same( event.originalEvent.type, "focusin" );
-		},
-		close: function( event, ui ) {
-			same( event.type, "tooltipclose" );
-			same( event.originalEvent.type, "blur" );
-		}
+	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( "focus" ).trigger( "blur" );
+	element.trigger( "blur" );
 });
 
 }( jQuery ) );

tests/unit/tooltip/tooltip_methods.js

@@ -3,15 +3,25 @@
 module( "tooltip: methods" );
 
 test( "destroy", function() {
-	var beforeHtml = $( "#tooltipped1" ).parent().html();
-	var afterHtml = $( "#tooltipped1" ).tooltip().tooltip( "destroy" ).parent().html();
-	equal( afterHtml, beforeHtml );
+	domEqual( "#tooltipped1", function() {
+		$( "#tooltipped1" ).tooltip().tooltip( "destroy" );
+	});
 });
 
-test( "open", function() {
+test( "open/close", function() {
+	expect( 3 );
+	$.fx.off = true;
 	var element = $( "#tooltipped1" ).tooltip();
+	equal( $( ".ui-tooltip" ).length, 0, "no tooltip on init" );
+$( ".ui-tooltip" ).each(function() {
+	console.log( $( this ).html() );
+});
 	element.tooltip( "open" );
-	ok( $( ".ui-tooltip" ).is( ":visible" ) );
+	var tooltip = $( "#" + element.attr( "aria-describedby" ) );
+	ok( tooltip.is( ":visible" ) );
+	element.tooltip( "close" );
+	ok( tooltip.is( ":hidden" ) );
+	$.fx.off = false;
 });
 
 /*