mirror of
https://github.com/jquery/jquery-ui.git
synced 2026-04-20 03:02:41 -04:00
Tooltip tests: Refactored and added some tests.
This commit is contained in:
@@ -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" ).tooltip( "close" );
|
||||
element.tooltip( "open" );
|
||||
|
||||
element.one( "tooltipclose", function( event ) {
|
||||
ok( !( "originalEvent" in event ), "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( "focus" ).trigger( "blur" );
|
||||
element.trigger( "focusin" );
|
||||
|
||||
element.one( "tooltipclose", function( event ) {
|
||||
same( event.originalEvent.type, "blur" );
|
||||
});
|
||||
element.trigger( "blur" );
|
||||
});
|
||||
|
||||
}( jQuery ) );
|
||||
|
||||
@@ -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;
|
||||
});
|
||||
|
||||
/*
|
||||
|
||||
Reference in New Issue
Block a user