$(function () { module("bootstrap-tooltip") test("should be defined on jquery object", function () { var div = $("
") ok(div.tooltip, 'popover method is defined') }) test("should return element", function () { var div = $("
") ok(div.tooltip() == div, 'document.body returned') }) test("should expose default settings", function () { ok(!!$.fn.tooltip.defaults, 'defaults is defined') }) test("should remove title attribute", function () { var tooltip = $('').tooltip() ok(!tooltip.attr('title'), 'title tag was removed') }) test("should add data attribute for referencing original title", function () { var tooltip = $('').tooltip() equals(tooltip.attr('data-original-title'), 'Another tooltip', 'original title preserved in data attribute') }) test("should place tooltips relative to placement option", function () { $.support.transition = false var tooltip = $('') .appendTo('#qunit-fixture') .tooltip({placement: 'bottom'}) .tooltip('show') ok($(".tooltip").is('.fade.bottom.in'), 'has correct classes applied') tooltip.tooltip('hide') }) test("should allow html entities", function () { $.support.transition = false var tooltip = $('') .appendTo('#qunit-fixture') .tooltip({html: true}) .tooltip('show') ok($('.tooltip b').length, 'b tag was inserted') tooltip.tooltip('hide') ok(!$(".tooltip").length, 'tooltip removed') }) test("should respect custom classes", function () { var tooltip = $('') .appendTo('#qunit-fixture') .tooltip({ template: '
'}) .tooltip('show') ok($('.tooltip').hasClass('some-class'), 'custom class is present') tooltip.tooltip('hide') ok(!$(".tooltip").length, 'tooltip removed') }) test("should not show tooltip if leave event occurs before delay expires", function () { var tooltip = $('') .appendTo('#qunit-fixture') .tooltip({ delay: 200 }) stop() tooltip.trigger('mouseenter') setTimeout(function () { ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in') tooltip.trigger('mouseout') setTimeout(function () { ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in') start() }, 200) }, 100) }) test("should not show tooltip if leave event occurs before delay expires, even if hide delay is 0", function () { var tooltip = $('') .appendTo('#qunit-fixture') .tooltip({ delay: { show: 200, hide: 0} }) stop() tooltip.trigger('mouseenter') setTimeout(function () { ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in') tooltip.trigger('mouseout') setTimeout(function () { ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in') start() }, 200) }, 100) }) test("should not show tooltip if leave event occurs before delay expires", function () { var tooltip = $('') .appendTo('#qunit-fixture') .tooltip({ delay: 100 }) stop() tooltip.trigger('mouseenter') setTimeout(function () { ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in') tooltip.trigger('mouseout') setTimeout(function () { ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in') start() }, 100) }, 50) }) test("should show tooltip if leave event hasn't occured before delay expires", function () { var tooltip = $('') .appendTo('#qunit-fixture') .tooltip({ delay: 150 }) stop() tooltip.trigger('mouseenter') setTimeout(function () { ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in') }, 100) setTimeout(function () { ok($(".tooltip").is('.fade.in'), 'tooltip has faded in') start() }, 200) }) test("should destroy tooltip", function () { var tooltip = $('
').tooltip().on('click.foo', function(){}) ok(tooltip.data('tooltip'), 'tooltip has data') ok($._data(tooltip[0], 'events').mouseover && $._data(tooltip[0], 'events').mouseout, 'tooltip has hover event') ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip has extra click.foo event') tooltip.tooltip('show') tooltip.tooltip('destroy') ok(!tooltip.hasClass('in'), 'tooltip is hidden') ok(!$._data(tooltip[0], 'tooltip'), 'tooltip does not have data') ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip still has click.foo') ok(!$._data(tooltip[0], 'events').mouseover && !$._data(tooltip[0], 'events').mouseout, 'tooltip does not have any events') }) test("should show tooltip with delegate selector on click", function () { var div = $('
') var tooltip = div.appendTo('#qunit-fixture') .tooltip({ selector: 'a[rel=tooltip]', trigger: 'click' }) div.find('a').trigger('click') ok($(".tooltip").is('.fade.in'), 'tooltip is faded in') }) })