diff options
author | Alexander Schmitz <arschmitz@gmail.com> | 2015-08-24 08:50:46 -0400 |
---|---|---|
committer | Alexander Schmitz <arschmitz@gmail.com> | 2015-09-11 08:29:07 -0400 |
commit | a0892eca70b59238e40082cc7c2e5a042fb5bae9 (patch) | |
tree | 26c813093eb5df09797df2819b05957d046be884 /tests/unit/tooltip/options.js | |
parent | cfd48ed037db9a573a3495cb2fae773e3de9bb38 (diff) | |
download | jquery-ui-a0892eca70b59238e40082cc7c2e5a042fb5bae9.tar.gz jquery-ui-a0892eca70b59238e40082cc7c2e5a042fb5bae9.zip |
Tooltip: Style updates
Ref #14246
Diffstat (limited to 'tests/unit/tooltip/options.js')
-rw-r--r-- | tests/unit/tooltip/options.js | 100 |
1 files changed, 50 insertions, 50 deletions
diff --git a/tests/unit/tooltip/options.js b/tests/unit/tooltip/options.js index 2833e68dd..a35d140fb 100644 --- a/tests/unit/tooltip/options.js +++ b/tests/unit/tooltip/options.js @@ -7,17 +7,17 @@ module( "tooltip: options" ); test( "disabled: true", function() { expect( 1 ); - $( "#tooltipped1" ).tooltip({ + $( "#tooltipped1" ).tooltip( { disabled: true - }).tooltip( "open" ); + } ).tooltip( "open" ); equal( $( ".ui-tooltip" ).length, 0 ); -}); +} ); test( "content: default", function() { expect( 1 ); var element = $( "#tooltipped1" ).tooltip().tooltip( "open" ); deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "anchortitle" ); -}); +} ); test( "content: default; HTML escaping", function() { expect( 2 ); @@ -31,130 +31,130 @@ test( "content: default; HTML escaping", function() { equal( $.ui.tooltip.hacked, false, "script did not execute" ); deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), scriptText, "correct tooltip text" ); -}); +} ); test( "content: return string", function() { expect( 1 ); - var element = $( "#tooltipped1" ).tooltip({ + var element = $( "#tooltipped1" ).tooltip( { content: function() { return "customstring"; } - }).tooltip( "open" ); + } ).tooltip( "open" ); deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "customstring" ); -}); +} ); test( "content: return jQuery", function() { expect( 2 ); - var element = $( "#tooltipped1" ).tooltip({ + var element = $( "#tooltipped1" ).tooltip( { content: function() { return $( "<div id='unique'>" ).html( "cu<b id='bold'>s</b>tomstring" ); } - }).tooltip( "open" ), + } ).tooltip( "open" ), liveRegion = element.tooltip( "instance" ).liveRegion; deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "customstring" ); equal( liveRegion.children().last().html().toLowerCase(), "<div>cu<b>s</b>tomstring</div>", "The accessibility live region will strip the ids but keep the structure" ); -}); +} ); asyncTest( "content: sync + async callback", function() { expect( 2 ); - var element = $( "#tooltipped1" ).tooltip({ + var element = $( "#tooltipped1" ).tooltip( { content: function( response ) { - setTimeout(function() { - deepEqual( $( "#" + element.data("ui-tooltip-id") ).text(), "loading..." ); + setTimeout( function() { + deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "loading..." ); response( "customstring2" ); - setTimeout(function() { - deepEqual( $( "#" + element.data("ui-tooltip-id") ).text(), "customstring2" ); + setTimeout( function() { + deepEqual( $( "#" + element.data( "ui-tooltip-id" ) ).text(), "customstring2" ); start(); }, 13 ); }, 13 ); return "loading..."; } - }).tooltip( "open" ); -}); + } ).tooltip( "open" ); +} ); // http://bugs.jqueryui.com/ticket/8740 asyncTest( "content: async callback loses focus before load", function() { expect( 1 ); - var element = $( "#tooltipped1" ).tooltip({ + var element = $( "#tooltipped1" ).tooltip( { content: function( response ) { - setTimeout(function() { + setTimeout( function() { element.trigger( "mouseleave" ); - setTimeout(function() { + setTimeout( function() { response( "sometext" ); - setTimeout(function() { + setTimeout( function() { ok( !$( "#" + element.data( "ui-tooltip-id" ) ).is( ":visible" ), "Tooltip should not display" ); start(); - }); - }); - }); + } ); + } ); + } ); } - }); + } ); element.trigger( "mouseover" ); -}); +} ); test( "content: change while open", function() { expect( 2 ) ; - var element = $( "#tooltipped1" ).tooltip({ + 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 ); - $( "#tooltipped1" ).tooltip({ + $( "#tooltipped1" ).tooltip( { content: "just a string", open: function( event, ui ) { equal( ui.tooltip.text(), "just a string" ); } - }).tooltip( "open" ); -}); + } ).tooltip( "open" ); +} ); test( "content: element", function() { expect( 1 ); var content = "<p>this is a <i>test</i> of the emergency broadcast system.</p>", element = $( content )[ 0 ]; - $( "#tooltipped1" ).tooltip({ + $( "#tooltipped1" ).tooltip( { content: element, open: function( event, ui ) { equal( ui.tooltip.children().html().toLowerCase(), content ); } - }).tooltip( "open" ); -}); + } ).tooltip( "open" ); +} ); test( "content: jQuery", function() { expect( 1 ); var content = "<p>this is a <i>test</i> of the emergency broadcast system.</p>", element = $( content ); - $( "#tooltipped1" ).tooltip({ + $( "#tooltipped1" ).tooltip( { content: element, open: function( event, ui ) { equal( ui.tooltip.children().html().toLowerCase(), content ); } - }).tooltip( "open" ); -}); + } ).tooltip( "open" ); +} ); test( "items", function() { expect( 2 ); var event, - element = $( "#qunit-fixture" ).tooltip({ + element = $( "#qunit-fixture" ).tooltip( { items: "#fixture-span" - }); + } ); event = $.Event( "mouseenter" ); event.target = $( "#fixture-span" )[ 0 ]; @@ -167,7 +167,7 @@ test( "items", function() { deepEqual( $( "#tooltipped1" ).data( "ui-tooltip-id" ), undefined ); element.tooltip( "destroy" ); -}); +} ); test( "track + show delay", function() { expect( 2 ); @@ -175,7 +175,7 @@ test( "track + show delay", function() { leftVal = 314, topVal = 159, offsetVal = 26, - element = $( "#tooltipped1" ).tooltip({ + element = $( "#tooltipped1" ).tooltip( { track: true, show: { delay: 1 @@ -184,7 +184,7 @@ test( "track + show delay", function() { my: "left+" + offsetVal + " top+" + offsetVal, at: "right bottom" } - }); + } ); event = $.Event( "mouseover" ); event.target = $( "#tooltipped1" )[ 0 ]; @@ -202,14 +202,14 @@ test( "track + show delay", function() { equal( $( ".ui-tooltip" ).css( "left" ), leftVal + offsetVal + "px" ); equal( $( ".ui-tooltip" ).css( "top" ), topVal + offsetVal + "px" ); -}); +} ); test( "track and programmatic focus", function() { expect( 1 ); - $( "#qunit-fixture div input" ).tooltip({ + $( "#qunit-fixture div input" ).tooltip( { track: true - }).trigger( "focus" ); + } ).trigger( "focus" ); equal( "inputtitle", $( ".ui-tooltip" ).text() ); -}); +} ); } ); |