bootstrap-twipsy.js

$(function () {

    module("bootstrap-twipsy")

      test("should be defined on jquery object", function () {
        var div = $("<div></div>")
        ok(div.twipsy, 'popover method is defined')
      })

      test("should return element", function () {
        var div = $("<div></div>")
        ok(div.twipsy() == div, 'document.body returned')
      })

      test("should expose default settings", function () {
        ok(!!$.fn.twipsy.defaults, 'defaults is defined')
      })

      test("should remove title attribute", function () {
        var twipsy = $('<a href="#" rel="twipsy" title="Another twipsy"></a>').twipsy()
        ok(!twipsy.attr('title'), 'title tag was removed')
      })

      test("should add data attribute for referencing original title", function () {
        var twipsy = $('<a href="#" rel="twipsy" title="Another twipsy"></a>').twipsy()
        equals(twipsy.attr('data-original-title'), 'Another twipsy', 'original title preserved in data attribute')
      })

      test("should place tooltips relative to placement option", function () {
        $.support.transition = false
        var twipsy = $('<a href="#" rel="twipsy" title="Another twipsy"></a>')
          .appendTo('#qunit-runoff')
          .twipsy({placement: 'below'})
          .twipsy('show')

        ok($(".twipsy").hasClass('fade below in'), 'has correct classes applied')
        twipsy.twipsy('hide')
        ok(!$(".twipsy").length, 'twipsy removed')
        $('#qunit-runoff').empty()
      })

      test("should add a fallback in cases where elements have no title tag", function () {
        $.support.transition = false
        var twipsy = $('<a href="#" rel="twipsy"></a>')
          .appendTo('#qunit-runoff')
          .twipsy({fallback: '@fat'})
          .twipsy('show')

        equals($(".twipsy").text(), "@fat", 'has correct default text')
        twipsy.twipsy('hide')
        ok(!$(".twipsy").length, 'twipsy removed')
        $('#qunit-runoff').empty()
      })

      test("should not allow html entities", function () {
        $.support.transition = false
        var twipsy = $('<a href="#" rel="twipsy" title="<b>@fat</b>"></a>')
          .appendTo('#qunit-runoff')
          .twipsy()
          .twipsy('show')

        ok(!$('.twipsy b').length, 'b tag was not inserted')
        twipsy.twipsy('hide')
        ok(!$(".twipsy").length, 'twipsy removed')
        $('#qunit-runoff').empty()
      })

      test("should allow html entities if html option set to true", function () {
        $.support.transition = false
        var twipsy = $('<a href="#" rel="twipsy" title="<b>@fat</b>"></a>')
          .appendTo('#qunit-runoff')
          .twipsy({html: true})
          .twipsy('show')

        ok($('.twipsy b').length, 'b tag was inserted')
        twipsy.twipsy('hide')
        ok(!$(".twipsy").length, 'twipsy removed')
        $('#qunit-runoff').empty()
      })

})