Skip to content

Commit d485ea9

Browse files
committed
Fix linting errors
1 parent f612384 commit d485ea9

File tree

2 files changed

+21
-7
lines changed

2 files changed

+21
-7
lines changed

src/index.ts

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,9 @@ export default class TabContainerElement extends HTMLElement {
77
if (!(target instanceof HTMLElement)) return
88
if (target.closest(this.tagName) !== this) return
99
if (target.getAttribute('role') !== 'tab' && !target.closest('[role="tablist"]')) return
10-
const tabs = Array.from(this.querySelectorAll('[role="tablist"] [role="tab"]')).filter(tab => tab.closest(this.tagName) === this)
10+
const tabs = Array.from(this.querySelectorAll('[role="tablist"] [role="tab"]')).filter(
11+
tab => tab.closest(this.tagName) === this
12+
)
1113
const currentIndex = tabs.indexOf(tabs.find(tab => tab.matches('[aria-selected="true"]'))!)
1214

1315
if (event.code === 'ArrowRight') {
@@ -58,8 +60,12 @@ export default class TabContainerElement extends HTMLElement {
5860
}
5961

6062
function selectTab(tabContainer: TabContainerElement, index: number) {
61-
const tabs = Array.from(tabContainer.querySelectorAll<HTMLElement>('[role="tablist"] [role="tab"]')).filter(tab => tab.closest(tabContainer.tagName) === tabContainer)
62-
const panels = Array.from(tabContainer.querySelectorAll<HTMLElement>('[role="tabpanel"]')).filter(panel => panel.closest(tabContainer.tagName) === tabContainer)
63+
const tabs = Array.from(tabContainer.querySelectorAll<HTMLElement>('[role="tablist"] [role="tab"]')).filter(
64+
tab => tab.closest(tabContainer.tagName) === tabContainer
65+
)
66+
const panels = Array.from(tabContainer.querySelectorAll<HTMLElement>('[role="tabpanel"]')).filter(
67+
panel => panel.closest(tabContainer.tagName) === tabContainer
68+
)
6369

6470
const selectedTab = tabs[index]
6571
const selectedPanel = panels[index]

test/test.js

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -202,11 +202,19 @@ describe('tab-container', function () {
202202
assert.deepStrictEqual(nestedTabs.map(isSelected), [false, true], 'nested tabs did change state')
203203
assert.deepStrictEqual(panels.map(isHidden), [false, true, true], 'top panels changed state')
204204
assert.deepStrictEqual(nestedPanels.map(isHidden), [true, false], 'nested panels did not change state')
205-
205+
206206
tabs[1].dispatchEvent(new KeyboardEvent('keydown', {code: 'ArrowLeft', bubbles: true}))
207-
208-
assert.deepStrictEqual(nestedPanels.map(isHidden), [true, false], 'nested panels changed state when top panel changed')
209-
assert.deepStrictEqual(nestedTabs.map(isSelected), [false, true], 'nested tabs changed state when top panel changed')
207+
208+
assert.deepStrictEqual(
209+
nestedPanels.map(isHidden),
210+
[true, false],
211+
'nested panels changed state when top panel changed'
212+
)
213+
assert.deepStrictEqual(
214+
nestedTabs.map(isSelected),
215+
[false, true],
216+
'nested tabs changed state when top panel changed'
217+
)
210218
})
211219
})
212220
})

0 commit comments

Comments
 (0)