Mercurial > wikked

comparison static/bootstrap/js/tests/unit/bootstrap-alert.js @ 88:a5a3d454eac9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Updated Bootstrap.
author Ludovic Chabant <ludovic@chabant.com>
date Fri, 05 Apr 2013 08:08:12 -0700
parents
children
comparison
equal deleted inserted replaced
87:c0cf67362fb1 88:a5a3d454eac9
1 $(function () {
2
3 module("bootstrap-alerts")
4
5 test("should provide no conflict", function () {
6 var alert = $.fn.alert.noConflict()
7 ok(!$.fn.alert, 'alert was set back to undefined (org value)')
8 $.fn.alert = alert
9 })
10
11 test("should be defined on jquery object", function () {
12 ok($(document.body).alert, 'alert method is defined')
13 })
14
15 test("should return element", function () {
16 ok($(document.body).alert()[0] == document.body, 'document.body returned')
17 })
18
19 test("should fade element out on clicking .close", function () {
20 var alertHTML = '<div class="alert-message warning fade in">'
21 + '<a class="close" href="#" data-dismiss="alert">×</a>'
22 + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
23 + '</div>'
24 , alert = $(alertHTML).alert()
25
26 alert.find('.close').click()
27
28 ok(!alert.hasClass('in'), 'remove .in class on .close click')
29 })
30
31 test("should remove element when clicking .close", function () {
32 $.support.transition = false
33
34 var alertHTML = '<div class="alert-message warning fade in">'
35 + '<a class="close" href="#" data-dismiss="alert">×</a>'
36 + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
37 + '</div>'
38 , alert = $(alertHTML).appendTo('#qunit-fixture').alert()
39
40 ok($('#qunit-fixture').find('.alert-message').length, 'element added to dom')
41
42 alert.find('.close').click()
43
44 ok(!$('#qunit-fixture').find('.alert-message').length, 'element removed from dom')
45 })
46
47 test("should not fire closed when close is prevented", function () {
48 $.support.transition = false
49 stop();
50 $('<div class="alert"/>')
51 .bind('close', function (e) {
52 e.preventDefault();
53 ok(true);
54 start();
55 })
56 .bind('closed', function () {
57 ok(false);
58 })
59 .alert('close')
60 })
61
62 })