0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00

Add missing dropdown unit test for closing with ESC (#28929)

Backport of the unit test from https://github.com/twbs/bootstrap/pull/28928
This commit is contained in:
Patrick H. Lauke 2019-06-19 11:43:49 +01:00 committed by XhmikosR
parent 1c5e1cb3c9
commit 5f44e01dab

View File

@ -776,6 +776,45 @@ $(function () {
$triggerDropdown.trigger($.Event('click'))
})
QUnit.test('should close dropdown and set focus back to toggle when escape is pressed while focused on a dropdown item', function (assert) {
assert.expect(3)
var done = assert.async()
var dropdownHTML = '<div class="tabs">' +
'<div class="dropdown">' +
'<a href="#" class="dropdown-toggle" id="toggle" data-toggle="dropdown">Dropdown</a>' +
'<div class="dropdown-menu">' +
'<a class="dropdown-item" id="item" href="#">Menu item</a>' +
'</div>' +
'</div>'
var $dropdown = $(dropdownHTML)
.appendTo('#qunit-fixture')
.find('[data-toggle="dropdown"]')
.bootstrapDropdown()
var $item = $('#item')
var $toggle = $('#toggle')
$dropdown
.parent('.dropdown')
.on('shown.bs.dropdown', function () {
// Forcibly focus first item
$item.focus()
assert.ok($(document.activeElement)[0] === $item[0], 'menu item initial focus set')
// Key escape
$item.trigger('focus').trigger($.Event('keydown', {
which: 27
}))
assert.ok(!$dropdown.parent('.dropdown').hasClass('show'), 'dropdown menu was closed after escape')
assert.ok($(document.activeElement)[0] === $toggle[0], 'toggle has focus again once menu was closed after escape')
done()
})
$dropdown.trigger($.Event('click'))
})
QUnit.test('should ignore keyboard events for <input>s and <textarea>s within dropdown-menu, except for escape key', function (assert) {
assert.expect(7)
var done = assert.async()