3 module( "tooltip: options" );
5 test( "disabled: true", function() {
7 $( "#tooltipped1" ).tooltip({
10 equal( $( ".ui-tooltip" ).length, 0 );
13 test( "content: default", function() {
15 var element = $( "#tooltipped1" ).tooltip().tooltip( "open" );
16 deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "anchortitle" );
19 test( "content: default; HTML escaping", function() {
21 var scriptText = "<script>$.ui.tooltip.hacked = true;</script>",
22 element = $( "#tooltipped1" );
24 $.ui.tooltip.hacked = false;
25 element.attr( "title", scriptText )
28 equal( $.ui.tooltip.hacked, false, "script did not execute" );
29 deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), scriptText,
30 "correct tooltip text" );
33 test( "content: return string", function() {
35 var element = $( "#tooltipped1" ).tooltip({
37 return "customstring";
40 deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "customstring" );
43 test( "content: return jQuery", function() {
45 var element = $( "#tooltipped1" ).tooltip({
47 return $( "<div>" ).html( "cu<b>s</b>tomstring" );
50 deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "customstring" );
53 asyncTest( "content: sync + async callback", function() {
55 var element = $( "#tooltipped1" ).tooltip({
56 content: function( response ) {
57 setTimeout(function() {
58 deepEqual( $( "#" + element.data("ui-tooltip-id") ).text(), "loading..." );
60 response( "customstring2" );
61 setTimeout(function() {
62 deepEqual( $( "#" + element.data("ui-tooltip-id") ).text(), "customstring2" );
71 test( "content: change while open", function() {
73 var element = $( "#tooltipped1" ).tooltip({
79 element.one( "tooltipopen", function( event, ui ) {
80 equal( ui.tooltip.text(), "old", "original content" );
81 element.tooltip( "option", "content", function() {
84 equal( ui.tooltip.text(), "new", "updated content" );
87 element.tooltip( "open" );
90 test( "content: string", function() {
92 $( "#tooltipped1" ).tooltip({
93 content: "just a string",
94 open: function( event, ui ) {
95 equal( ui.tooltip.text(), "just a string" );
100 test( "items", function() {
103 element = $( "#qunit-fixture" ).tooltip({
104 items: "#fixture-span"
107 event = $.Event( "mouseenter" );
108 event.target = $( "#fixture-span" )[ 0 ];
109 element.tooltip( "open", event );
110 deepEqual( $( "#" + $( "#fixture-span" ).data( "ui-tooltip-id" ) ).text(), "title-text" );
112 // make sure default [title] doesn't get used
113 event.target = $( "#tooltipped1" )[ 0 ];
114 element.tooltip( "open", event );
115 deepEqual( $( "#tooltipped1" ).data( "ui-tooltip-id" ), undefined );
117 element.tooltip( "destroy" );
120 test( "tooltipClass", function() {
122 var element = $( "#tooltipped1" ).tooltip({
123 tooltipClass: "custom"
124 }).tooltip( "open" );
125 ok( $( "#" + element.data( "ui-tooltip-id" ) ).hasClass( "custom" ) );
128 test( "track + show delay", function() {
134 element = $( "#tooltipped1" ).tooltip({
140 my: "left+" + offsetVal + " top+" + offsetVal,
145 event = $.Event( "mouseover" );
146 event.target = $( "#tooltipped1" )[ 0 ];
147 event.originalEvent = { type: "mouseover" };
148 event.pageX = leftVal;
149 event.pageY = topVal;
150 element.trigger( event );
152 event = $.Event( "mousemove" );
153 event.target = $( "#tooltipped1" )[ 0 ];
154 event.originalEvent = { type: "mousemove" };
155 event.pageX = leftVal;
156 event.pageY = topVal;
157 element.trigger( event );
159 equal( $( ".ui-tooltip" ).css( "left" ), leftVal + offsetVal + "px" );
160 equal( $( ".ui-tooltip" ).css( "top" ), topVal + offsetVal + "px" );
163 test( "track and programmatic focus", function() {
165 $( "#qunit-fixture div input" ).tooltip({
168 equal( "inputtitle", $( ".ui-tooltip" ).text() );