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" );
|
2010-10-26 15:07:22 +00:00
|
|
|
|
2011-05-28 17:30:00 +00:00
|
|
|
test( "content: default", function() {
|
2011-05-28 19:43:22 +00:00
|
|
|
var element = $( "#tooltipped1" ).tooltip().tooltip( "open" );
|
2011-05-28 17:30:00 +00:00
|
|
|
same( $( "#" + element.attr( "aria-describedby" ) ).text(), "anchortitle" );
|
2010-10-26 12:26:53 +00:00
|
|
|
});
|
2010-04-15 07:45:35 +00:00
|
|
|
|
2011-05-28 17:30:00 +00:00
|
|
|
test( "content: return string", function() {
|
|
|
|
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" );
|
|
|
|
same( $( "#" + element.attr( "aria-describedby" ) ).text(), "customstring" );
|
2010-04-15 07:45:35 +00:00
|
|
|
});
|
2010-10-26 12:26:53 +00:00
|
|
|
|
2011-05-28 17:30:00 +00:00
|
|
|
test( "content: return jQuery", function() {
|
|
|
|
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" );
|
|
|
|
same( $( "#" + element.attr( "aria-describedby" ) ).text(), "customstring" );
|
2010-10-26 13:36:43 +00:00
|
|
|
});
|
|
|
|
|
2011-05-28 21:36:57 +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() {
|
2011-05-28 21:36:57 +00:00
|
|
|
same( $( "#" + element.attr("aria-describedby") ).text(), "loading..." );
|
|
|
|
|
|
|
|
response( "customstring2" );
|
|
|
|
setTimeout(function() {
|
|
|
|
same( $( "#" + element.attr("aria-describedby") ).text(), "customstring2" );
|
|
|
|
start();
|
|
|
|
}, 13 );
|
|
|
|
}, 13 );
|
|
|
|
return "loading...";
|
2010-10-26 12:26:53 +00:00
|
|
|
}
|
2011-05-28 21:36:57 +00:00
|
|
|
}).tooltip( "open" );
|
2010-04-15 07:45:35 +00:00
|
|
|
});
|
|
|
|
|
2011-05-28 21:55:45 +00:00
|
|
|
test( "items", function() {
|
|
|
|
expect( 2 );
|
|
|
|
var element = $( "#qunit-fixture" ).tooltip({
|
|
|
|
items: "#fixture-span"
|
|
|
|
});
|
|
|
|
|
|
|
|
var event = $.Event( "mouseenter" );
|
|
|
|
event.target = $( "#fixture-span" )[ 0 ];
|
|
|
|
element.tooltip( "open", event );
|
|
|
|
same( $( "#" + $( "#fixture-span" ).attr( "aria-describedby" ) ).text(), "title-text" );
|
|
|
|
|
|
|
|
// make sure default [title] doesn't get used
|
|
|
|
event.target = $( "#tooltipped1" )[ 0 ];
|
|
|
|
element.tooltip( "open", event );
|
|
|
|
same( $( "#tooltipped1" ).attr( "aria-describedby" ), undefined );
|
|
|
|
|
|
|
|
element.tooltip( "destroy" );
|
|
|
|
});
|
|
|
|
|
|
|
|
test( "tooltipClass", function() {
|
|
|
|
expect( 1 )
|
|
|
|
var element = $( "#tooltipped1" ).tooltip({
|
|
|
|
tooltipClass: "custom"
|
|
|
|
}).tooltip( "open" );
|
|
|
|
ok( $( "#" + element.attr( "aria-describedby" ) ).hasClass( "custom" ) );
|
|
|
|
});
|
|
|
|
|
2011-05-28 17:30:00 +00:00
|
|
|
}( jQuery ) );
|