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 |
})
|