rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

Clean popover unit tests up

Browse Source
This commit is contained in:
Heinrich Fenkart 2014-06-18 21:34:31 +02:00
parent 998c3724e8
commit 56b8d5fe6e
1 changed files with 66 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
js/tests/unit/popover.js
View File

@ -4,8 +4,7 @@ $(function () {
module('popover plugin') module('popover plugin')
test('should be defined on jquery object', function () { test('should be defined on jquery object', function () {
var div = $('<div></div>') ok($(document.body).popover, 'popover method is defined')
ok(div.popover, 'popover method is defined')
}) })
module('popover', { module('popover', {
@ -20,46 +19,44 @@ $(function () {
}) })
test('should provide no conflict', function () { test('should provide no conflict', function () {
ok(!$.fn.popover, 'popover was set back to undefined (org value)') strictEqual($.fn.popover, undefined, 'popover was set back to undefined (org value)')
}) })
test('should return element', function () { test('should return jquery collection containing the element', function () {
var div = $('<div></div>') var $el = $('<div/>')
ok(div.bootstrapPopover() == div, 'document.body returned') var $popover = $el.bootstrapPopover()
ok($popover instanceof $, 'returns jquery collection')
strictEqual($popover[0], $el[0], 'collection contains element')
}) })
test('should render popover element', function () { test('should render popover element', function () {
$.support.transition = false var $popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
var popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapPopover('show') .bootstrapPopover('show')
ok($('.popover').length, 'popover was inserted') notEqual($('.popover').length, 0, 'popover was inserted')
popover.bootstrapPopover('hide') $popover.bootstrapPopover('hide')
ok(!$('.popover').length, 'popover removed') equal($('.popover').length, 0, 'popover removed')
}) })
test('should store popover instance in popover data object', function () { test('should store popover instance in popover data object', function () {
$.support.transition = false var $popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>').bootstrapPopover()
var popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
.bootstrapPopover()
ok(!!popover.data('bs.popover'), 'popover instance exists') ok($popover.data('bs.popover'), 'popover instance exists')
}) })
test('should store popover trigger in popover instance data object', function () { test('should store popover trigger in popover instance data object', function () {
$.support.transition = false var $popover = $('<a href="#" title="ResentedHook">@ResentedHook</a>')
var popover = $('<a href="#" title="ResentedHook">@ResentedHook</a>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapPopover() .bootstrapPopover()
popover.bootstrapPopover('show')
ok(!!$('.popover').data('bs.popover'), 'popover trigger stored in instance data') $popover.bootstrapPopover('show')
$('#qunit-fixture').empty()
ok($('.popover').data('bs.popover'), 'popover trigger stored in instance data')
}) })
test('should get title and content from options', function () { test('should get title and content from options', function () {
$.support.transition = false var $popover = $('<a href="#">@fat</a>')
var popover = $('<a href="#">@fat</a>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapPopover({ .bootstrapPopover({
title: function () { title: function () {
@ -70,23 +67,20 @@ $(function () {
} }
}) })
popover.bootstrapPopover('show') $popover.bootstrapPopover('show')
ok($('.popover').length, 'popover was inserted') notEqual($('.popover').length, 0, 'popover was inserted')
equal($('.popover .popover-title').text(), '@fat', 'title correctly inserted') equal($('.popover .popover-title').text(), '@fat', 'title correctly inserted')
equal($('.popover .popover-content').text(), 'loves writing tests （╯°□°）╯︵ ┻━┻', 'content correctly inserted') equal($('.popover .popover-content').text(), 'loves writing tests （╯°□°）╯︵ ┻━┻', 'content correctly inserted')
popover.bootstrapPopover('hide') $popover.bootstrapPopover('hide')
ok(!$('.popover').length, 'popover was removed') equal($('.popover').length, 0, 'popover was removed')
$('#qunit-fixture').empty()
}) })
test('should not duplicate HTML object', function () { test('should not duplicate HTML object', function () {
$.support.transition = false var $div = $('<div/>').html('loves writing tests （╯°□°）╯︵ ┻━┻')
var $div = $('<div>').html('loves writing tests （╯°□°）╯︵ ┻━┻') var $popover = $('<a href="#">@fat</a>')
var popover = $('<a href="#">@fat</a>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapPopover({ .bootstrapPopover({
content: function () { content: function () {
@ -94,42 +88,38 @@ $(function () {
} }
}) })
popover.bootstrapPopover('show') $popover.bootstrapPopover('show')
ok($('.popover').length, 'popover was inserted') notEqual($('.popover').length, 0, 'popover was inserted')
equal($('.popover .popover-content').html(), $div, 'content correctly inserted') equal($('.popover .popover-content').html(), $div, 'content correctly inserted')
popover.bootstrapPopover('hide') $popover.bootstrapPopover('hide')
ok(!$('.popover').length, 'popover was removed') equal($('.popover').length, 0, 'popover was removed')
popover.bootstrapPopover('show') $popover.bootstrapPopover('show')
ok($('.popover').length, 'popover was inserted') notEqual($('.popover').length, 0, 'popover was inserted')
equal($('.popover .popover-content').html(), $div, 'content correctly inserted') equal($('.popover .popover-content').html(), $div, 'content correctly inserted')
popover.bootstrapPopover('hide') $popover.bootstrapPopover('hide')
ok(!$('.popover').length, 'popover was removed') equal($('.popover').length, 0, 'popover was removed')
$('#qunit-fixture').empty()
}) })
test('should get title and content from attributes', function () { test('should get title and content from attributes', function () {
$.support.transition = false var $popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
var popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapPopover() .bootstrapPopover()
.bootstrapPopover('show') .bootstrapPopover('show')
ok($('.popover').length, 'popover was inserted') notEqual($('.popover').length, 0, 'popover was inserted')
equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted') equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
equal($('.popover .popover-content').text(), 'loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻', 'content correctly inserted') equal($('.popover .popover-content').text(), 'loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻', 'content correctly inserted')
popover.bootstrapPopover('hide') $popover.bootstrapPopover('hide')
ok(!$('.popover').length, 'popover was removed') equal($('.popover').length, 0, 'popover was removed')
$('#qunit-fixture').empty()
}) })
test('should get title and content from attributes #2', function () { test('should get title and content from attributes ignoring options passed via js', function () {
$.support.transition = false var $popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
var popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapPopover({ .bootstrapPopover({
title: 'ignored title option', title: 'ignored title option',
@ -137,48 +127,50 @@ $(function () {
}) })
.bootstrapPopover('show') .bootstrapPopover('show')
ok($('.popover').length, 'popover was inserted') notEqual($('.popover').length, 0, 'popover was inserted')
equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted') equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
equal($('.popover .popover-content').text(), 'loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻', 'content correctly inserted') equal($('.popover .popover-content').text(), 'loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻', 'content correctly inserted')
popover.bootstrapPopover('hide') $popover.bootstrapPopover('hide')
ok(!$('.popover').length, 'popover was removed') equal($('.popover').length, 0, 'popover was removed')
$('#qunit-fixture').empty()
}) })
test('should respect custom classes', function () { test('should respect custom template', function () {
$.support.transition = false var $popover = $('<a href="#">@fat</a>')
var popover = $('<a href="#">@fat</a>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapPopover({ .bootstrapPopover({
title: 'Test', title: 'Test',
content: 'Test', content: 'Test',
template: '<div class="popover foobar"><div class="arrow"></div><div class="inner"><h3 class="title"></h3><div class="content"><p></p></div></div></div>' template: '<div class="popover foobar"><div class="arrow"></div><div class="inner"><h3 class="title"/><div class="content"><p/></div></div></div>'
}) })
popover.bootstrapPopover('show') $popover.bootstrapPopover('show')
ok($('.popover').length, 'popover was inserted') notEqual($('.popover').length, 0, 'popover was inserted')
ok($('.popover').hasClass('foobar'), 'custom class is present') ok($('.popover').hasClass('foobar'), 'custom class is present')
popover.bootstrapPopover('hide') $popover.bootstrapPopover('hide')
ok(!$('.popover').length, 'popover was removed') equal($('.popover').length, 0, 'popover was removed')
$('#qunit-fixture').empty()
}) })
test('should destroy popover', function () { test('should destroy popover', function () {
var popover = $('<div/>').bootstrapPopover({ var $popover = $('<div/>')
trigger: 'hover' .bootstrapPopover({
}).on('click.foo', function () {}) trigger: 'hover'
ok(popover.data('bs.popover'), 'popover has data') })
ok($._data(popover[0], 'events').mouseover && $._data(popover[0], 'events').mouseout, 'popover has hover event') .on('click.foo', $.noop)
ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover has extra click.foo event')
popover.bootstrapPopover('show') ok($popover.data('bs.popover'), 'popover has data')
popover.bootstrapPopover('destroy') ok($._data($popover[0], 'events').mouseover && $._data($popover[0], 'events').mouseout, 'popover has hover event')
ok(!popover.hasClass('in'), 'popover is hidden') equal($._data($popover[0], 'events').click[0].namespace, 'foo', 'popover has extra click.foo event')
ok(!popover.data('popover'), 'popover does not have data')
ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover still has click.foo') $popover.bootstrapPopover('show')
ok(!$._data(popover[0], 'events').mouseover && !$._data(popover[0], 'events').mouseout, 'popover does not have any events') $popover.bootstrapPopover('destroy')
ok(!$popover.hasClass('in'), 'popover is hidden')
ok(!$popover.data('popover'), 'popover does not have data')
equal($._data($popover[0], 'events').click[0].namespace, 'foo', 'popover still has click.foo')
ok(!$._data($popover[0], 'events').mouseover && !$._data($popover[0], 'events').mouseout, 'popover does not have any events')
}) })
}) })