2011-12-21 03:02:47 +01:00
|
|
|
$(function () {
|
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
module('collapse')
|
|
|
|
|
|
|
|
test('should provide no conflict', function () {
|
|
|
|
var collapse = $.fn.collapse.noConflict()
|
|
|
|
ok(!$.fn.collapse, 'collapse was set back to undefined (org value)')
|
|
|
|
$.fn.collapse = collapse
|
|
|
|
})
|
|
|
|
|
|
|
|
test('should be defined on jquery object', function () {
|
|
|
|
ok($(document.body).collapse, 'collapse method is defined')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('should return element', function () {
|
|
|
|
ok($(document.body).collapse()[0] == document.body, 'document.body returned')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('should show a collapsed element', function () {
|
|
|
|
var el = $('<div class="collapse"></div>').collapse('show')
|
|
|
|
ok(el.hasClass('in'), 'has class in')
|
|
|
|
ok(/height/.test(el.attr('style')), 'has height set')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('should hide a collapsed element', function () {
|
|
|
|
var el = $('<div class="collapse"></div>').collapse('hide')
|
|
|
|
ok(!el.hasClass('in'), 'does not have class in')
|
|
|
|
ok(/height/.test(el.attr('style')), 'has height set')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('should not fire shown when show is prevented', function () {
|
|
|
|
$.support.transition = false
|
|
|
|
stop()
|
|
|
|
$('<div class="collapse"/>')
|
|
|
|
.on('show.bs.collapse', function (e) {
|
2014-02-17 20:56:46 +01:00
|
|
|
e.preventDefault()
|
|
|
|
ok(true)
|
|
|
|
start()
|
2011-12-21 03:02:47 +01:00
|
|
|
})
|
2014-02-13 08:55:12 +01:00
|
|
|
.on('shown.bs.collapse', function () {
|
2014-02-17 20:56:46 +01:00
|
|
|
ok(false)
|
2011-12-21 03:02:47 +01:00
|
|
|
})
|
2014-02-13 08:55:12 +01:00
|
|
|
.collapse('show')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('should reset style to auto after finishing opening collapse', function () {
|
|
|
|
$.support.transition = false
|
|
|
|
stop()
|
|
|
|
$('<div class="collapse" style="height: 0px"/>')
|
|
|
|
.on('show.bs.collapse', function () {
|
|
|
|
ok(this.style.height == '0px')
|
2012-03-25 03:20:09 +02:00
|
|
|
})
|
2014-02-13 08:55:12 +01:00
|
|
|
.on('shown.bs.collapse', function () {
|
|
|
|
ok(this.style.height == 'auto')
|
|
|
|
start()
|
2012-04-25 03:06:41 +02:00
|
|
|
})
|
2014-02-13 08:55:12 +01:00
|
|
|
.collapse('show')
|
|
|
|
})
|
2012-04-25 03:06:41 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
test('should add active class to target when collapse shown', function () {
|
|
|
|
$.support.transition = false
|
|
|
|
stop()
|
2012-06-03 02:28:38 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var target = $('<a data-toggle="collapse" href="#test1"></a>')
|
|
|
|
.appendTo($('#qunit-fixture'))
|
2012-06-03 02:28:38 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var collapsible = $('<div id="test1"></div>')
|
|
|
|
.appendTo($('#qunit-fixture'))
|
|
|
|
.on('show.bs.collapse', function () {
|
|
|
|
ok(!target.hasClass('collapsed'))
|
|
|
|
start()
|
2012-06-03 02:28:38 +02:00
|
|
|
})
|
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
target.click()
|
|
|
|
})
|
2012-06-03 02:28:38 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
test('should remove active class to target when collapse hidden', function () {
|
|
|
|
$.support.transition = false
|
|
|
|
stop()
|
2012-06-03 02:28:38 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var target = $('<a data-toggle="collapse" href="#test1"></a>')
|
|
|
|
.appendTo($('#qunit-fixture'))
|
2012-06-03 02:28:38 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var collapsible = $('<div id="test1" class="in"></div>')
|
|
|
|
.appendTo($('#qunit-fixture'))
|
|
|
|
.on('hide.bs.collapse', function () {
|
|
|
|
ok(target.hasClass('collapsed'))
|
|
|
|
start()
|
2012-06-03 02:28:38 +02:00
|
|
|
})
|
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
target.click()
|
|
|
|
})
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
test('should remove active class from inactive accordion targets', function () {
|
|
|
|
$.support.transition = false
|
|
|
|
stop()
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var accordion = $('<div id="accordion"><div class="accordion-group"></div><div class="accordion-group"></div><div class="accordion-group"></div></div>')
|
|
|
|
.appendTo($('#qunit-fixture'))
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var target1 = $('<a data-toggle="collapse" href="#body1" data-parent="#accordion"></a>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(0))
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var collapsible1 = $('<div id="body1" class="in"></div>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(0))
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var target2 = $('<a class="collapsed" data-toggle="collapse" href="#body2" data-parent="#accordion"></a>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(1))
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var collapsible2 = $('<div id="body2"></div>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(1))
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var target3 = $('<a class="collapsed" data-toggle="collapse" href="#body3" data-parent="#accordion"></a>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(2))
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var collapsible3 = $('<div id="body3"></div>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(2))
|
|
|
|
.on('show.bs.collapse', function () {
|
|
|
|
ok(target1.hasClass('collapsed'))
|
|
|
|
ok(target2.hasClass('collapsed'))
|
|
|
|
ok(!target3.hasClass('collapsed'))
|
2013-03-29 15:55:14 +01:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
start()
|
2013-03-29 15:55:14 +01:00
|
|
|
})
|
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
target3.click()
|
|
|
|
})
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
test('should allow dots in data-parent', function () {
|
|
|
|
$.support.transition = false
|
|
|
|
stop()
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var accordion = $('<div class="accordion"><div class="accordion-group"></div><div class="accordion-group"></div><div class="accordion-group"></div></div>')
|
|
|
|
.appendTo($('#qunit-fixture'))
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var target1 = $('<a data-toggle="collapse" href="#body1" data-parent=".accordion"></a>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(0))
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var collapsible1 = $('<div id="body1" class="in"></div>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(0))
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var target2 = $('<a class="collapsed" data-toggle="collapse" href="#body2" data-parent=".accordion"></a>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(1))
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var collapsible2 = $('<div id="body2"></div>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(1))
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var target3 = $('<a class="collapsed" data-toggle="collapse" href="#body3" data-parent=".accordion"></a>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(2))
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
var collapsible3 = $('<div id="body3"></div>')
|
|
|
|
.appendTo(accordion.find('.accordion-group').eq(2))
|
|
|
|
.on('show.bs.collapse', function () {
|
|
|
|
ok(target1.hasClass('collapsed'))
|
|
|
|
ok(target2.hasClass('collapsed'))
|
|
|
|
ok(!target3.hasClass('collapsed'))
|
2013-08-05 08:59:30 +02:00
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
start()
|
2013-08-05 08:59:30 +02:00
|
|
|
})
|
|
|
|
|
2014-02-13 08:55:12 +01:00
|
|
|
target3.click()
|
|
|
|
})
|
|
|
|
|
2013-04-23 09:34:27 +02:00
|
|
|
})
|