0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Bootstrap/js/tests/unit/alert.js

124 lines
3.8 KiB
JavaScript
Raw Normal View History

$(function () {
'use strict'
QUnit.module('alert plugin')
2014-02-13 08:55:12 +01:00
QUnit.test('should be defined on jquery object', function (assert) {
assert.expect(1)
assert.ok($(document.body).alert, 'alert method is defined')
2014-02-13 08:55:12 +01:00
})
QUnit.module('alert', {
beforeEach: function () {
// Run all tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode
$.fn.bootstrapAlert = $.fn.alert.noConflict()
},
afterEach: function () {
$.fn.alert = $.fn.bootstrapAlert
delete $.fn.bootstrapAlert
$('#qunit-fixture').html('')
}
})
QUnit.test('should provide no conflict', function (assert) {
assert.expect(1)
2017-07-27 12:39:55 +02:00
assert.strictEqual(typeof $.fn.alert, 'undefined', 'alert was set back to undefined (org value)')
})
QUnit.test('should return jquery collection containing the element', function (assert) {
assert.expect(2)
2014-06-18 21:33:30 +02:00
var $el = $('<div/>')
var $alert = $el.bootstrapAlert()
assert.ok($alert instanceof $, 'returns jquery collection')
assert.strictEqual($alert[0], $el[0], 'collection contains element')
2014-02-13 08:55:12 +01:00
})
QUnit.test('should fade element out on clicking .close', function (assert) {
assert.expect(1)
2017-12-16 13:00:38 +01:00
var alertHTML = '<div class="alert alert-danger fade show">' +
'<a class="close" href="#" data-dismiss="alert">×</a>' +
'<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' +
'</div>'
2015-05-07 21:48:22 +02:00
var $alert = $(alertHTML).bootstrapAlert().appendTo($('#qunit-fixture'))
2014-02-13 08:55:12 +01:00
$alert.find('.close').trigger('click')
2014-02-13 08:55:12 +01:00
2016-10-28 00:13:17 +02:00
assert.strictEqual($alert.hasClass('show'), false, 'remove .show class on .close click')
2014-02-13 08:55:12 +01:00
})
QUnit.test('should remove element when clicking .close', function (assert) {
assert.expect(2)
var done = assert.async()
2017-12-16 13:00:38 +01:00
var alertHTML = '<div class="alert alert-danger fade show">' +
'<a class="close" href="#" data-dismiss="alert">×</a>' +
'<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' +
'</div>'
2014-06-18 21:33:30 +02:00
var $alert = $(alertHTML).appendTo('#qunit-fixture').bootstrapAlert()
2014-02-13 08:55:12 +01:00
assert.notEqual($('#qunit-fixture').find('.alert').length, 0, 'element added to dom')
2014-02-13 08:55:12 +01:00
$alert
.one('closed.bs.alert', function () {
assert.strictEqual($('#qunit-fixture').find('.alert').length, 0, 'element removed from dom')
done()
})
.find('.close')
.trigger('click')
2014-02-13 08:55:12 +01:00
})
QUnit.test('should not fire closed when close is prevented', function (assert) {
assert.expect(1)
var done = assert.async()
2014-02-13 08:55:12 +01:00
$('<div class="alert"/>')
.on('close.bs.alert', function (e) {
2014-02-17 20:56:46 +01:00
e.preventDefault()
assert.ok(true, 'close event fired')
done()
})
2014-02-13 08:55:12 +01:00
.on('closed.bs.alert', function () {
assert.ok(false, 'closed event fired')
})
.bootstrapAlert('close')
2014-02-13 08:55:12 +01:00
})
QUnit.test('close should use internal _element if no element provided', function (assert) {
assert.expect(1)
var done = assert.async()
var $el = $('<div/>')
var $alert = $el.bootstrapAlert()
var alertInstance = $alert.data('bs.alert')
$alert.one('closed.bs.alert', function () {
assert.ok('alert closed')
done()
})
alertInstance.close()
})
QUnit.test('dispose should remove data and the element', function (assert) {
assert.expect(2)
var $el = $('<div/>')
var $alert = $el.bootstrapAlert()
assert.ok(typeof $alert.data('bs.alert') !== 'undefined')
$alert.data('bs.alert').dispose()
assert.ok(typeof $alert.data('bs.button') === 'undefined')
})
QUnit.test('should return alert version', function (assert) {
assert.expect(1)
if (typeof Alert !== 'undefined') {
assert.ok(typeof Alert.VERSION === 'string')
} else {
assert.notOk()
}
})
})