mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-09 03:19:56 +00:00
88 lines
2.6 KiB
JavaScript
Executable File
88 lines
2.6 KiB
JavaScript
Executable File
$(function () {
|
|
|
|
module("bootstrap-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"/>')
|
|
.bind('show', function (e) {
|
|
e.preventDefault();
|
|
ok(true);
|
|
start();
|
|
})
|
|
.bind('shown', function () {
|
|
ok(false);
|
|
})
|
|
.collapse('show')
|
|
})
|
|
|
|
test("should reset style to auto after finishing opening collapse", function () {
|
|
$.support.transition = false
|
|
stop()
|
|
$('<div class="collapse" style="height: 0px"/>')
|
|
.bind('show', function () {
|
|
ok(this.style.height == '0px')
|
|
})
|
|
.bind('shown', function () {
|
|
ok(this.style.height == 'auto')
|
|
start()
|
|
})
|
|
.collapse('show')
|
|
})
|
|
|
|
test("should add active class to target when collapse shown", function () {
|
|
$.support.transition = false
|
|
stop()
|
|
|
|
var target = $('<a data-toggle="collapse" href="#test1"></a>')
|
|
.appendTo($('#qunit-fixture'))
|
|
|
|
var collapsible = $('<div id="test1"></div>')
|
|
.appendTo($('#qunit-fixture'))
|
|
.on('show', function () {
|
|
ok(!target.hasClass('collapsed'))
|
|
start()
|
|
})
|
|
|
|
target.click()
|
|
})
|
|
|
|
test("should remove active class to target when collapse hidden", function () {
|
|
$.support.transition = false
|
|
stop()
|
|
|
|
var target = $('<a data-toggle="collapse" href="#test1"></a>')
|
|
.appendTo($('#qunit-fixture'))
|
|
|
|
var collapsible = $('<div id="test1" class="in"></div>')
|
|
.appendTo($('#qunit-fixture'))
|
|
.on('hide', function () {
|
|
ok(target.hasClass('collapsed'))
|
|
start()
|
|
})
|
|
|
|
target.click()
|
|
})
|
|
|
|
}) |