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

107 lines
2.7 KiB
JavaScript
Raw Normal View History

2011-05-28 17:30:00 +00:00
(function( $ ) {
2010-10-26 12:26:53 +00:00
2011-05-28 17:30:00 +00:00
module( "tooltip: options" );
2011-05-28 17:30:00 +00:00
test( "content: default", function() {
expect( 1 );
2011-05-28 19:43:22 +00:00
var element = $( "#tooltipped1" ).tooltip().tooltip( "open" );
deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "anchortitle" );
2010-10-26 12:26:53 +00:00
});
2011-05-28 17:30:00 +00:00
test( "content: return string", function() {
expect( 1 );
2011-05-28 17:30:00 +00:00
var element = $( "#tooltipped1" ).tooltip({
2010-10-26 12:26:53 +00:00
content: function() {
return "customstring";
}
2011-05-28 17:30:00 +00:00
}).tooltip( "open" );
deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "customstring" );
});
2010-10-26 12:26:53 +00:00
2011-05-28 17:30:00 +00:00
test( "content: return jQuery", function() {
expect( 1 );
2011-05-28 17:30:00 +00:00
var element = $( "#tooltipped1" ).tooltip({
2010-10-26 13:36:43 +00:00
content: function() {
2011-05-28 17:30:00 +00:00
return $( "<div>" ).html( "cu<b>s</b>tomstring" );
2010-10-26 13:36:43 +00:00
}
2011-05-28 17:30:00 +00:00
}).tooltip( "open" );
deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "customstring" );
2010-10-26 13:36:43 +00:00
});
asyncTest( "content: sync + async callback", function() {
expect( 2 );
var element = $( "#tooltipped1" ).tooltip({
content: function( response ) {
2010-10-26 12:26:53 +00:00
setTimeout(function() {
deepEqual( $( "#" + element.data("ui-tooltip-id") ).text(), "loading..." );
response( "customstring2" );
setTimeout(function() {
deepEqual( $( "#" + element.data("ui-tooltip-id") ).text(), "customstring2" );
start();
}, 13 );
}, 13 );
return "loading...";
2010-10-26 12:26:53 +00:00
}
}).tooltip( "open" );
});
test( "content: change while open", function() {
expect( 2 ) ;
var element = $( "#tooltipped1" ).tooltip({
content: function() {
return "old";
}
});
element.one( "tooltipopen", function( event, ui ) {
equal( ui.tooltip.text(), "old", "original content" );
element.tooltip( "option", "content", function() {
return "new";
});
equal( ui.tooltip.text(), "new", "updated content" );
});
element.tooltip( "open" );
});
test( "content: string", function() {
expect( 1 );
var element = $( "#tooltipped1" ).tooltip({
content: "just a string",
open: function( event, ui ) {
equal( ui.tooltip.text(), "just a string" );
}
}).tooltip( "open" );
});
test( "items", function() {
expect( 2 );
2012-04-19 02:36:15 +00:00
var event,
element = $( "#qunit-fixture" ).tooltip({
items: "#fixture-span"
});
2012-04-19 02:36:15 +00:00
event = $.Event( "mouseenter" );
event.target = $( "#fixture-span" )[ 0 ];
element.tooltip( "open", event );
deepEqual( $( "#" + $( "#fixture-span" ).data( "ui-tooltip-id" ) ).text(), "title-text" );
// make sure default [title] doesn't get used
event.target = $( "#tooltipped1" )[ 0 ];
element.tooltip( "open", event );
deepEqual( $( "#tooltipped1" ).data( "ui-tooltip-id" ), undefined );
element.tooltip( "destroy" );
});
test( "tooltipClass", function() {
2012-04-19 02:36:15 +00:00
expect( 1 );
var element = $( "#tooltipped1" ).tooltip({
tooltipClass: "custom"
}).tooltip( "open" );
ok( $( "#" + element.data( "ui-tooltip-id" ) ).hasClass( "custom" ) );
});
2011-05-28 17:30:00 +00:00
}( jQuery ) );