diff options
| author | Mark Otto <[email protected]> | 2022-02-28 12:58:31 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2022-02-28 14:02:51 -0800 |
| commit | 7a74f2c3029b48e158887a4eeb6ae193985aede6 (patch) | |
| tree | 93a1b2f4d326804c1a6f8ef13a4c41693685cca8 /js | |
| parent | c0f30366ace5f607e0b70a0e0034d2e8254bad9b (diff) | |
| download | bootstrap-7a74f2c3029b48e158887a4eeb6ae193985aede6.tar.xz bootstrap-7a74f2c3029b48e158887a4eeb6ae193985aede6.zip | |
add tests
Diffstat (limited to '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 ffe76028d..ef97fc71b 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 = [ |