3 module("bootstrap-collapse")
5 test("should provide no conflict", function () {
6 var collapse = $.fn.collapse.noConflict()
7 ok(!$.fn.collapse, 'collapse was set back to undefined (org value)')
8 $.fn.collapse = collapse
11 test("should be defined on jquery object", function () {
12 ok($(document.body).collapse, 'collapse method is defined')
15 test("should return element", function () {
16 ok($(document.body).collapse()[0] == document.body, 'document.body returned')
19 test("should show a collapsed element", function () {
20 var el = $('<div class="collapse"></div>').collapse('show')
21 ok(el.hasClass('in'), 'has class in')
22 ok(/height/.test(el.attr('style')), 'has height set')
25 test("should hide a collapsed element", function () {
26 var el = $('<div class="collapse"></div>').collapse('hide')
27 ok(!el.hasClass('in'), 'does not have class in')
28 ok(/height/.test(el.attr('style')), 'has height set')
31 test("should not fire shown when show is prevented", function () {
32 $.support.transition = false
34 $('<div class="collapse"/>')
35 .bind('show', function (e) {
40 .bind('shown', function () {
46 test("should reset style to auto after finishing opening collapse", function () {
47 $.support.transition = false
49 $('<div class="collapse" style="height: 0px"/>')
50 .bind('show', function () {
51 ok(this.style.height == '0px')
53 .bind('shown', function () {
54 ok(this.style.height == 'auto')
60 test("should add active class to target when collapse shown", function () {
61 $.support.transition = false
64 var target = $('<a data-toggle="collapse" href="#test1"></a>')
65 .appendTo($('#qunit-fixture'))
67 var collapsible = $('<div id="test1"></div>')
68 .appendTo($('#qunit-fixture'))
69 .on('show', function () {
70 ok(!target.hasClass('collapsed'))
77 test("should remove active class to target when collapse hidden", function () {
78 $.support.transition = false
81 var target = $('<a data-toggle="collapse" href="#test1"></a>')
82 .appendTo($('#qunit-fixture'))
84 var collapsible = $('<div id="test1" class="in"></div>')
85 .appendTo($('#qunit-fixture'))
86 .on('hide', function () {
87 ok(target.hasClass('collapsed'))