diff options
author | GeoSot <geo.sotis@gmail.com> | 2022-01-31 00:50:22 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2022-02-01 09:58:46 +0300 |
commit | d10543923531d9a2bf0e122439d5b1a2ae4e3d13 (patch) | |
tree | 474e5e169a9604695db69c9564923776cfc5505d /js/tests/unit/dropdown.spec.js | |
parent | 22bbff0b037de5e4cf9a44273c4383a27b9f274e (diff) |
Dropdown: merge instance identification in `dataApiKeydownHandler`
As we use the `dataApiKeydownHandler` only for events that are triggered on `[data-bs-toggle="dropdown"]` or on `.dropdown-menu`, we can ensure that their `parentNode` will ALWAYS be the `.dropdown` wrapper
Diffstat (limited to 'js/tests/unit/dropdown.spec.js')
-rw-r--r-- | js/tests/unit/dropdown.spec.js | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/js/tests/unit/dropdown.spec.js b/js/tests/unit/dropdown.spec.js index f24b59ed5c..194e00f537 100644 --- a/js/tests/unit/dropdown.spec.js +++ b/js/tests/unit/dropdown.spec.js @@ -2023,6 +2023,26 @@ describe('Dropdown', () => { dropdownToggle.click() }) }) + + it('should be able to identify clicked dropdown, no matter the markup order', () => { + fixtureEl.innerHTML = [ + '<div class="dropdown">', + ' <div class="dropdown-menu">', + ' <a class="dropdown-item" href="#">Dropdown item</a>', + ' </div>', + ' <button class="btn dropdown-toggle" data-bs-toggle="dropdown">Dropdown toggle</button>', + '</div>' + ].join('') + + const dropdownToggle = fixtureEl.querySelector('[data-bs-toggle="dropdown"]') + const dropdownMenu = fixtureEl.querySelector('.dropdown-menu') + const spy = spyOn(Dropdown, 'getOrCreateInstance').and.callThrough() + + dropdownToggle.click() + expect(spy).toHaveBeenCalledWith(dropdownToggle) + dropdownMenu.click() + expect(spy).toHaveBeenCalledWith(dropdownToggle) + }) }) describe('jQueryInterface', () => { |