diff --git a/js/tests/unit/tab.js b/js/tests/unit/tab.js index e28ca83a756eeb3da58caefa46d7c25cf2bb4827..3ce29b66240826146a8792003024f06ca67f456f 100644 --- a/js/tests/unit/tab.js +++ b/js/tests/unit/tab.js @@ -414,4 +414,49 @@ $(function () { }) .trigger($.Event('click')) }) + + QUnit.test('should handle removed tabs', function (assert) { + assert.expect(1) + var done = assert.async() + + var html = [ + '<ul class="nav nav-tabs" role="tablist">', + ' <li class="nav-item">', + ' <a class="nav-link nav-tab" href="#profile" role="tab" data-toggle="tab">', + ' <button class="close"><span aria-hidden="true">×</span></button>', + ' </a>', + ' </li>', + ' <li class="nav-item">', + ' <a id="secondNav" class="nav-link nav-tab" href="#buzz" role="tab" data-toggle="tab">', + ' <button class="close"><span aria-hidden="true">×</span></button>', + ' </a>', + ' </li>', + ' <li class="nav-item">', + ' <a class="nav-link nav-tab" href="#references" role="tab" data-toggle="tab">', + ' <button id="btnClose" class="close"><span aria-hidden="true">×</span></button>', + ' </a>', + ' </li>', + '</ul>', + '<div class="tab-content">', + ' <div role="tabpanel" class="tab-pane fade show active" id="profile">test 1</div>', + ' <div role="tabpanel" class="tab-pane fade" id="buzz">test 2</div>', + ' <div role="tabpanel" class="tab-pane fade" id="references">test 3</div>', + '</div>' + ].join('') + + $(html).appendTo('#qunit-fixture') + + $('#secondNav').on('shown.bs.tab', function () { + assert.strictEqual($('.nav-tab').length, 2) + done() + }) + + $('#btnClose').one('click', function () { + var tabId = $(this).parents('a').attr('href') + $(this).parents('li').remove() + $(tabId).remove() + $('.nav-tabs a:last').bootstrapTab('show') + }) + .trigger($.Event('click')) + }) })