diff options
author | Mark Otto <markdotto@gmail.com> | 2022-02-28 23:58:31 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-03-01 01:02:51 +0300 |
commit | 7a74f2c3029b48e158887a4eeb6ae193985aede6 (patch) | |
tree | 93a1b2f4d326804c1a6f8ef13a4c41693685cca8 /js/tests/unit/dropdown.spec.js | |
parent | c0f30366ace5f607e0b70a0e0034d2e8254bad9b (diff) |
add tests
Diffstat (limited to 'js/tests/unit/dropdown.spec.js')
-rw-r--r-- | js/tests/unit/dropdown.spec.js | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/js/tests/unit/dropdown.spec.js b/js/tests/unit/dropdown.spec.js index ffe76028db..ef97fc71bc 100644 --- a/js/tests/unit/dropdown.spec.js +++ b/js/tests/unit/dropdown.spec.js @@ -279,6 +279,30 @@ describe('Dropdown', () => { }) }) + it('should toggle a centered dropdown', () => { + return new Promise(resolve => { + fixtureEl.innerHTML = [ + '<div class="dropdown-center">', + ' <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</button>', + ' <div class="dropdown-menu">', + ' <a class="dropdown-item" href="#">Secondary link</a>', + ' </div>', + '</div>' + ].join('') + + const btnDropdown = fixtureEl.querySelector('[data-bs-toggle="dropdown"]') + const dropdown = new Dropdown(btnDropdown) + + btnDropdown.addEventListener('shown.bs.dropdown', () => { + expect(btnDropdown).toHaveClass('show') + expect(btnDropdown.getAttribute('aria-expanded')).toEqual('true') + resolve() + }) + + dropdown.toggle() + }) + }) + it('should toggle a dropup', () => { return new Promise(resolve => { fixtureEl.innerHTML = [ @@ -304,6 +328,31 @@ describe('Dropdown', () => { }) }) + it('should toggle a dropup centered', () => { + return new Promise(resolve => { + fixtureEl.innerHTML = [ + '<div class="dropup-center">', + ' <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</button>', + ' <div class="dropdown-menu">', + ' <a class="dropdown-item" href="#">Secondary link</a>', + ' </div>', + '</div>' + ].join('') + + const btnDropdown = fixtureEl.querySelector('[data-bs-toggle="dropdown"]') + const dropupEl = fixtureEl.querySelector('.dropup-center') + const dropdown = new Dropdown(btnDropdown) + + dropupEl.addEventListener('shown.bs.dropdown', () => { + expect(btnDropdown).toHaveClass('show') + expect(btnDropdown.getAttribute('aria-expanded')).toEqual('true') + resolve() + }) + + dropdown.toggle() + }) + }) + it('should toggle a dropup at the right', () => { return new Promise(resolve => { fixtureEl.innerHTML = [ |