]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Add missing dropdown unit test for closing with ESC (#28929) 28937/head
authorPatrick H. Lauke <redux@splintered.co.uk>
Wed, 19 Jun 2019 10:43:49 +0000 (11:43 +0100)
committerXhmikosR <xhmikosr@gmail.com>
Wed, 19 Jun 2019 10:43:48 +0000 (13:43 +0300)
Backport of the unit test from https://github.com/twbs/bootstrap/pull/28928

js/tests/unit/dropdown.js

index 652ec480e9770df4bbeffe88ca216e9be6270e3f..346b1a2e5ac80f5f054ca4678b25cd416a5a6d47 100644 (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()