rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00
Code Issues Actions Packages Releases Activity

Tests: add testcase to Tabs, keyboard handler (#37189)

Browse Source
This commit is contained in:
GeoSot 2022-09-23 23:18:57 +03:00 committed by GitHub
parent 8da10bb1be
commit 24f6e2764a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
js/tests/unit/tab.spec.js
View File

@ -513,15 +513,19 @@ describe('Tab', () => {
'<div class="nav">', '<div class="nav">',
' <span id="tab1" class="nav-link" data-bs-toggle="tab"></span>', ' <span id="tab1" class="nav-link" data-bs-toggle="tab"></span>',
' <span id="tab2" class="nav-link" data-bs-toggle="tab"></span>', ' <span id="tab2" class="nav-link" data-bs-toggle="tab"></span>',
' <span id="tab3" class="nav-link" data-bs-toggle="tab"></span>',
'</div>' '</div>'
].join('') ].join('')
const tabEl = fixtureEl.querySelector('#tab1') const tabEl1 = fixtureEl.querySelector('#tab1')
const tabEl2 = fixtureEl.querySelector('#tab2') const tabEl2 = fixtureEl.querySelector('#tab2')
const tab = new Tab(tabEl) const tabEl3 = fixtureEl.querySelector('#tab3')
const tab1 = new Tab(tabEl1)
const tab2 = new Tab(tabEl2) const tab2 = new Tab(tabEl2)
const spyShow1 = spyOn(tab, 'show').and.callThrough() const tab3 = new Tab(tabEl3)
const spyShow1 = spyOn(tab1, 'show').and.callThrough()
const spyShow2 = spyOn(tab2, 'show').and.callThrough() const spyShow2 = spyOn(tab2, 'show').and.callThrough()
const spyShow3 = spyOn(tab3, 'show').and.callThrough()
const spyStop = spyOn(Event.prototype, 'stopPropagation').and.callThrough() const spyStop = spyOn(Event.prototype, 'stopPropagation').and.callThrough()
const spyPrevent = spyOn(Event.prototype, 'preventDefault').and.callThrough() const spyPrevent = spyOn(Event.prototype, 'preventDefault').and.callThrough()
@ -529,17 +533,20 @@ describe('Tab', () => {
let keydown = createEvent('keydown') let keydown = createEvent('keydown')
keydown.key = 'ArrowRight' keydown.key = 'ArrowRight'
tabEl.dispatchEvent(keydown) tabEl1.dispatchEvent(keydown)
expect(spyShow2).toHaveBeenCalled() expect(spyShow2).toHaveBeenCalled()
keydown = createEvent('keydown') keydown = createEvent('keydown')
keydown.key = 'ArrowDown' keydown.key = 'ArrowDown'
tabEl2.dispatchEvent(keydown) tabEl2.dispatchEvent(keydown)
expect(spyShow3).toHaveBeenCalled()
tabEl3.dispatchEvent(keydown)
expect(spyShow1).toHaveBeenCalled() expect(spyShow1).toHaveBeenCalled()
expect(spyStop).toHaveBeenCalledTimes(2) expect(spyStop).toHaveBeenCalledTimes(3)
expect(spyPrevent).toHaveBeenCalledTimes(2) expect(spyPrevent).toHaveBeenCalledTimes(3)
}) })
it('if keydown event is left arrow, handle it', () => { it('if keydown event is left arrow, handle it', () => {