mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-12 00:24:03 +02:00
Code Issues Releases Wiki Activity

Implement hide and hidden events for tabs

Browse Source 
Closes #14772.
This commit is contained in:
Phil Hughes
2014-10-10 15:50:00 +01:00
committed by Heinrich Fenkart
parent 40c309b39a
commit ab8dbc214e
3 changed files with 99 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
js/tests/unit/tab.js
View File

@@ -101,4 +101,81 @@ $(function () {
.bootstrapTab('show')
})
test('should fire hide and hidden events', function () {
stop()
var tabsHTML = '<ul class="tabs">'
+ '<li><a href="#home">Home</a></li>'
+ '<li><a href="#profile">Profile</a></li>'
+ '</ul>'
$(tabsHTML)
.find('li:first a')
.on('hide.bs.tab', function () {
ok(true, 'hide event fired')
})
.bootstrapTab('show')
.end()
.find('li:last a')
.bootstrapTab('show')
$(tabsHTML)
.find('li:first a')
.on('hidden.bs.tab', function () {
ok(true, 'hidden event fired')
start()
})
.bootstrapTab('show')
.end()
.find('li:last a')
.bootstrapTab('show')
})
test('should not fire hidden when hide is prevented', function () {
stop()
var tabsHTML = '<ul class="tabs">'
+ '<li><a href="#home">Home</a></li>'
+ '<li><a href="#profile">Profile</a></li>'
+ '</ul>'
$(tabsHTML)
.find('li:first a')
.on('hide.bs.tab', function (e) {
e.preventDefault()
ok(true, 'hide event fired')
start()
})
.on('hidden.bs.tab', function () {
ok(false, 'hidden event fired')
})
.bootstrapTab('show')
.end()
.find('li:last a')
.bootstrapTab('show')
})
test('hide and hidden events contain correct relatedTarget', function () {
stop()
var tabsHTML = '<ul class="tabs">'
+ '<li><a href="#home">Home</a></li>'
+ '<li><a href="#profile">Profile</a></li>'
+ '</ul>'
$(tabsHTML)
.find('li:first a')
.on('hide.bs.tab', function (e) {
equal(e.relatedTarget.hash, '#profile', 'references correct element as relatedTarget')
})
.on('hidden.bs.tab', function (e) {
equal(e.relatedTarget.hash, '#profile', 'references correct element as relatedTarget')
start()
})
.bootstrapTab('show')
.end()
.find('li:last a')
.bootstrapTab('show')
})
})