81 行
2.8 KiB
JavaScript
81 行
2.8 KiB
JavaScript
|
$(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()
|
||
|
|
})
|
||
|
|
|
||
|
|
})
|