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