mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00
Code Issues Releases Wiki Activity

Clean alert unit tests up

Browse Source
This commit is contained in:
Heinrich Fenkart
2014-06-18 21:33:30 +02:00
parent 95d7c9c3fb
commit b063de54a5
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
js/tests/unit/alert.js
View File

@@ -19,11 +19,14 @@ $(function () {
}) })
test('should provide no conflict', function () { test('should provide no conflict', function () {
ok(!$.fn.alert, 'alert was set back to undefined (org value)') strictEqual($.fn.alert, undefined, 'alert was set back to undefined (org value)')
}) })
test('should return element', function () { test('should return jquery collection containing the element', function () {
ok($(document.body).bootstrapAlert()[0] == document.body, 'document.body returned') var $el = $('<div/>')
var $alert = $el.bootstrapAlert()
ok($alert instanceof $, 'returns jquery collection')
strictEqual($alert[0], $el[0], 'collection contains element')
}) })
test('should fade element out on clicking .close', function () { test('should fade element out on clicking .close', function () {
@@ -31,40 +34,37 @@ $(function () {
'<a class="close" href="#" data-dismiss="alert">×</a>' + '<a class="close" href="#" data-dismiss="alert">×</a>' +
'<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' +
'</div>' '</div>'
var alert = $(alertHTML).bootstrapAlert() var $alert = $(alertHTML).bootstrapAlert()
alert.find('.close').click() $alert.find('.close').click()
ok(!alert.hasClass('in'), 'remove .in class on .close click') equal($alert.hasClass('in'), false, 'remove .in class on .close click')
}) })
test('should remove element when clicking .close', function () { test('should remove element when clicking .close', function () {
$.support.transition = false
var alertHTML = '<div class="alert-message warning fade in">' + var alertHTML = '<div class="alert-message warning fade in">' +
'<a class="close" href="#" data-dismiss="alert">×</a>' + '<a class="close" href="#" data-dismiss="alert">×</a>' +
'<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' +
'</div>' '</div>'
var alert = $(alertHTML).appendTo('#qunit-fixture').bootstrapAlert() var $alert = $(alertHTML).appendTo('#qunit-fixture').bootstrapAlert()
ok($('#qunit-fixture').find('.alert-message').length, 'element added to dom') notEqual($('#qunit-fixture').find('.alert-message').length, 0, 'element added to dom')
alert.find('.close').click() $alert.find('.close').click()
ok(!$('#qunit-fixture').find('.alert-message').length, 'element removed from dom') equal($('#qunit-fixture').find('.alert-message').length, 0, 'element removed from dom')
}) })
test('should not fire closed when close is prevented', function () { test('should not fire closed when close is prevented', function () {
$.support.transition = false
stop() stop()
$('<div class="alert"/>') $('<div class="alert"/>')
.on('close.bs.alert', function (e) { .on('close.bs.alert', function (e) {
e.preventDefault() e.preventDefault()
ok(true) ok(true, 'close event fired')
start() start()
}) })
.on('closed.bs.alert', function () { .on('closed.bs.alert', function () {
ok(false) ok(false, 'closed event fired')
}) })
.bootstrapAlert('close') .bootstrapAlert('close')
}) })