git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/js/tests/unit/popover.js

   1 $(function () {
   2
   3     module("popover")
   4
   5       test("should provide no conflict", function () {
   6         var popover = $.fn.popover.noConflict()
   7         ok(!$.fn.popover, 'popover was set back to undefined (org value)')
   8         $.fn.popover = popover
   9       })
  10
  11       test("should be defined on jquery object", function () {
  12         var div = $('<div></div>')
  13         ok(div.popover, 'popover method is defined')
  14       })
  15
  16       test("should return element", function () {
  17         var div = $('<div></div>')
  18         ok(div.popover() == div, 'document.body returned')
  19       })
  20
  21       test("should render popover element", function () {
  22         $.support.transition = false
  23         var popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
  24           .appendTo('#qunit-fixture')
  25           .popover('show')
  26
  27         ok($('.popover').length, 'popover was inserted')
  28         popover.popover('hide')
  29         ok(!$(".popover").length, 'popover removed')
  30       })
  31
  32       test("should store popover instance in popover data object", function () {
  33         $.support.transition = false
  34         var popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
  35           .popover()
  36
  37         ok(!!popover.data('bs.popover'), 'popover instance exists')
  38       })
  39
  40       test("should get title and content from options", function () {
  41         $.support.transition = false
  42         var popover = $('<a href="#">@fat</a>')
  43           .appendTo('#qunit-fixture')
  44           .popover({
  45             title: function () {
  46               return '@fat'
  47             }
  48           , content: function () {
  49               return 'loves writing tests （╯°□°）╯︵ ┻━┻'
  50             }
  51           })
  52
  53         popover.popover('show')
  54
  55         ok($('.popover').length, 'popover was inserted')
  56         equal($('.popover .popover-title').text(), '@fat', 'title correctly inserted')
  57         equal($('.popover .popover-content').text(), 'loves writing tests （╯°□°）╯︵ ┻━┻', 'content correctly inserted')
  58
  59         popover.popover('hide')
  60         ok(!$('.popover').length, 'popover was removed')
  61         $('#qunit-fixture').empty()
  62       })
  63
  64       test("should get title and content from attributes", function () {
  65         $.support.transition = false
  66         var popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
  67           .appendTo('#qunit-fixture')
  68           .popover()
  69           .popover('show')
  70
  71         ok($('.popover').length, 'popover was inserted')
  72         equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
  73         equal($('.popover .popover-content').text(), "loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻", 'content correctly inserted')
  74
  75         popover.popover('hide')
  76         ok(!$('.popover').length, 'popover was removed')
  77         $('#qunit-fixture').empty()
  78       })
  79
  80
  81       test("should get title and content from attributes #2", function () {
  82         $.support.transition = false
  83         var popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
  84           .appendTo('#qunit-fixture')
  85           .popover({
  86               title: 'ignored title option',
  87               content: 'ignored content option'
  88           })
  89           .popover('show')
  90
  91         ok($('.popover').length, 'popover was inserted')
  92         equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
  93         equal($('.popover .popover-content').text(), "loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻", 'content correctly inserted')
  94
  95         popover.popover('hide')
  96         ok(!$('.popover').length, 'popover was removed')
  97         $('#qunit-fixture').empty()
  98       })
  99
 100       test("should respect custom classes", function() {
 101         $.support.transition = false
 102         var popover = $('<a href="#">@fat</a>')
 103           .appendTo('#qunit-fixture')
 104           .popover({
 105             title: 'Test'
 106           , content: 'Test'
 107           , template: '<div class="popover foobar"><div class="arrow"></div><div class="inner"><h3 class="title"></h3><div class="content"><p></p></div></div></div>'
 108           })
 109
 110         popover.popover('show')
 111
 112         ok($('.popover').length, 'popover was inserted')
 113         ok($('.popover').hasClass('foobar'), 'custom class is present')
 114
 115         popover.popover('hide')
 116         ok(!$('.popover').length, 'popover was removed')
 117         $('#qunit-fixture').empty()
 118       })
 119
 120       test("should destroy popover", function () {
 121         var popover = $('<div/>').popover({trigger: 'hover'}).on('click.foo', function(){})
 122         ok(popover.data('bs.popover'), 'popover has data')
 123         ok($._data(popover[0], 'events').mouseover && $._data(popover[0], 'events').mouseout, 'popover has hover event')
 124         ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover has extra click.foo event')
 125         popover.popover('show')
 126         popover.popover('destroy')
 127         ok(!popover.hasClass('in'), 'popover is hidden')
 128         ok(!popover.data('popover'), 'popover does not have data')
 129         ok($._data(popover[0],'events').click[0].namespace == 'foo', 'popover still has click.foo')
 130         ok(!$._data(popover[0], 'events').mouseover && !$._data(popover[0], 'events').mouseout, 'popover does not have any events')
 131       })
 132
 133 })