Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
bootstrap-tooltip.js 5.56 KiB
1 
$(function () {
2
3 
    module("bootstrap-tooltip")
4
5 
      test("should be defined on jquery object", function () {
6 
        var div = $("<div></div>")
7 
        ok(div.tooltip, 'popover method is defined')
8 
      })
9
10 
      test("should return element", function () {
11 
        var div = $("<div></div>")
12 
        ok(div.tooltip() == div, 'document.body returned')
13 
      })
14
15 
      test("should expose default settings", function () {
16 
        ok(!!$.fn.tooltip.defaults, 'defaults is defined')
17 
      })
18
19 
      test("should remove title attribute", function () {
20 
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').tooltip()
21 
        ok(!tooltip.attr('title'), 'title tag was removed')
22 
      })
23
24 
      test("should add data attribute for referencing original title", function () {
25 
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').tooltip()
26 
        equals(tooltip.attr('data-original-title'), 'Another tooltip', 'original title preserved in data attribute')
27 
      })
28
29 
      test("should place tooltips relative to placement option", function () {
30 
        $.support.transition = false
31 
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
32 
          .appendTo('#qunit-fixture')
33 
          .tooltip({placement: 'bottom'})
34 
          .tooltip('show')
35
36 
        ok($(".tooltip").is('.fade.bottom.in'), 'has correct classes applied')
37 
        tooltip.tooltip('hide')
38 
      })
39
40 
      test("should allow html entities", function () {
41 
        $.support.transition = false
42 
        var tooltip = $('<a href="#" rel="tooltip" title="<b>@fat</b>"></a>')
43 
          .appendTo('#qunit-fixture')
44 
          .tooltip({html: true})
45 
          .tooltip('show')
46
47 
        ok($('.tooltip b').length, 'b tag was inserted')
48 
        tooltip.tooltip('hide')
49 
        ok(!$(".tooltip").length, 'tooltip removed')
50 
      })
51
52 
      test("should respect custom classes", function () {
53 
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
54 
          .appendTo('#qunit-fixture')
55 
          .tooltip({ template: '<div class="tooltip some-class"><div class="tooltip-arrow"/><div class="tooltip-inner"/></div>'})
56 
          .tooltip('show')
57
58 
        ok($('.tooltip').hasClass('some-class'), 'custom class is present')
59 
        tooltip.tooltip('hide')
60 
        ok(!$(".tooltip").length, 'tooltip removed')
61 
      })
62
63 
      test("should not show tooltip if leave event occurs before delay expires", function () {
64 
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
65 
          .appendTo('#qunit-fixture')
66 
          .tooltip({ delay: 200 })
67
68 
        stop()
69
70 
        tooltip.trigger('mouseenter')
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
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 = $('<a href="#" rel="tooltip" title="Another tooltip"></a>') .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 = $('<a href="#" rel="tooltip" title="Another tooltip"></a>') .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 = $('<a href="#" rel="tooltip" title="Another tooltip"></a>') .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 = $('<div/>').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')
141142143144145
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') }) })