mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-22 21:22:52 +02: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:
committed by
XhmikosR
parent
1c5e1cb3c9
commit
5f44e01dab
@@ -776,6 +776,45 @@ $(function () {
|
|||||||
$triggerDropdown.trigger($.Event('click'))
|
$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) {
|
QUnit.test('should ignore keyboard events for <input>s and <textarea>s within dropdown-menu, except for escape key', function (assert) {
|
||||||
assert.expect(7)
|
assert.expect(7)
|
||||||
var done = assert.async()
|
var done = assert.async()
|
||||||
|
Reference in New Issue
Block a user