@instructure/ui-tabs 10.19.2-snapshot-2 → 10.19.2-snapshot-4

package/src/Tabs/Panel/__new-tests__/Panel.test.tsx

@@ -1,52 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { render, screen } from '@testing-library/react'
-import '@testing-library/jest-dom'
-
-import { Panel } from '../index'
-
-describe('<Tabs.Panel />', () => {
-  it('should render children', async () => {
-    render(
-      <Panel isSelected renderTitle="Panel Title">
-        Panel contents
-      </Panel>
-    )
-    const children = screen.getByText('Panel contents')
-
-    expect(children).toBeInTheDocument()
-  })
-
-  it('should have appropriate role attribute', async () => {
-    const { container } = render(
-      <Panel isSelected renderTitle="Panel Title">
-        Panel contents
-      </Panel>
-    )
-    const tabPanel = container.querySelector('[class$="-panel"]')
-
-    expect(tabPanel).toHaveAttribute('role', 'tabpanel')
-  })
-})

package/src/Tabs/Tab/__new-tests__/Tab.test.tsx

@@ -1,209 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { render, screen, waitFor } from '@testing-library/react'
-import { vi } from 'vitest'
-import userEvent from '@testing-library/user-event'
-import '@testing-library/jest-dom'
-
-import { Tab } from '../index'
-
-describe('<Tabs.Tab />', () => {
-  it('should render children', async () => {
-    render(
-      <Tab id="foo" index={0} controls="foo-panel">
-        Tab Label
-      </Tab>
-    )
-    const children = screen.getByText('Tab Label')
-
-    expect(children).toBeInTheDocument()
-  })
-
-  it('should have appropriate role attribute', async () => {
-    render(
-      <Tab id="foo" index={0} controls="foo-panel">
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    expect(tab).toBeInTheDocument()
-  })
-
-  it('should have appropriate aria attributes', async () => {
-    render(
-      <Tab id="foo" index={0} controls="foo-panel">
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    expect(tab).not.toHaveAttribute('aria-selected')
-    expect(tab).not.toHaveAttribute('aria-disabled')
-  })
-
-  it('should set the aria-selected attribute', async () => {
-    render(
-      <Tab id="foo" index={0} controls="foo-panel" isSelected>
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    expect(tab).toHaveAttribute('aria-selected', 'true')
-  })
-
-  it('should set the aria-disabled attribute', async () => {
-    render(
-      <Tab id="foo" index={0} controls="foo-panel" isDisabled>
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    expect(tab).toHaveAttribute('aria-disabled', 'true')
-  })
-
-  it('should set the tabindex to 0 when selected', async () => {
-    render(
-      <Tab id="foo" index={0} controls="foo-panel" isSelected>
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    expect(tab).toHaveAttribute('tabindex', '0')
-  })
-
-  it('should not set the tabindex when not selected', async () => {
-    render(
-      <Tab id="foo" index={0} controls="foo-panel">
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    expect(tab).not.toHaveAttribute('tabindex')
-  })
-
-  it('should remove the tabindex attribute when disabled', async () => {
-    render(
-      <Tab id="foo" index={0} controls="foo-panel" isDisabled>
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    expect(tab).not.toHaveAttribute('tabindex')
-  })
-
-  it('should call onClick when clicked', async () => {
-    const onClick = vi.fn()
-    const index = 2
-
-    render(
-      <Tab id="foo" index={index} controls="foo-panel" onClick={onClick}>
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    await userEvent.click(tab)
-
-    await waitFor(() => {
-      expect(onClick).toHaveBeenCalled()
-
-      const args = onClick.mock.calls[0][1]
-      expect(args).toHaveProperty('index', index)
-    })
-  })
-
-  it('should NOT call onClick when clicked and tab is disabled', async () => {
-    const onClick = vi.fn()
-
-    render(
-      <Tab id="foo" index={0} controls="foo-panel" onClick={onClick} isDisabled>
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    await userEvent.click(tab)
-
-    await waitFor(() => {
-      expect(onClick).not.toHaveBeenCalled()
-    })
-  })
-
-  it('should call onKeyDown when keys are pressed and tab is selected', async () => {
-    const onKeyDown = vi.fn()
-    const index = 2
-
-    render(
-      <Tab
-        id="foo"
-        isSelected
-        index={index}
-        controls="foo-panel"
-        onKeyDown={onKeyDown}
-      >
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    await userEvent.type(tab, '{enter}')
-
-    await waitFor(() => {
-      expect(onKeyDown).toHaveBeenCalled()
-
-      const args = onKeyDown.mock.calls[0][1]
-      expect(args).toHaveProperty('index', index)
-    })
-  })
-
-  it('should NOT call onKeyDown when keys are pressed and tab is disabled', async () => {
-    const onKeyDown = vi.fn()
-
-    render(
-      <Tab
-        id="foo"
-        index={0}
-        controls="foo-panel"
-        onKeyDown={onKeyDown}
-        isDisabled
-      >
-        Tab Label
-      </Tab>
-    )
-    const tab = screen.getByRole('tab')
-
-    await userEvent.type(tab, '{enter}')
-
-    await waitFor(() => {
-      expect(onKeyDown).not.toHaveBeenCalled()
-    })
-  })
-})

package/src/Tabs/__new-tests__/Tabs.test.tsx

@@ -1,430 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { useState } from 'react'
-import { render, screen, waitFor } from '@testing-library/react'
-import { vi } from 'vitest'
-import type { MockInstance } from 'vitest'
-import userEvent from '@testing-library/user-event'
-import '@testing-library/jest-dom'
-
-import { runAxeCheck } from '@instructure/ui-axe-check'
-import { Tabs } from '../index'
-
-const TabExample = (props: { onIndexChange: (arg: number) => void }) => {
-  const [selectedIndex, setSelectedIndex] = useState(0)
-  return (
-    <Tabs
-      onRequestTabChange={(_event, { index }) => {
-        setSelectedIndex(index)
-        props.onIndexChange(index)
-      }}
-      variant="default"
-      margin="medium"
-    >
-      <Tabs.Panel
-        renderTitle="First Tab"
-        id="first"
-        isSelected={selectedIndex === 0}
-        active
-      >
-        <p>CONTENT</p>
-      </Tabs.Panel>
-      <Tabs.Panel
-        renderTitle="Second Tab"
-        id="second"
-        isSelected={selectedIndex === 1}
-      />
-      <Tabs.Panel
-        renderTitle="Third Tab"
-        id="third"
-        isSelected={selectedIndex === 2}
-      />
-    </Tabs>
-  )
-}
-
-describe('<Tabs />', () => {
-  const tab1Content = 'Tab 1 content'
-  const tab2Content = 'Tab 2 content'
-  const tab3Content = 'Tab 3 content'
-
-  let consoleErrorMock: ReturnType<typeof vi.spyOn>
-  let consoleWarningMock: ReturnType<typeof vi.spyOn>
-
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleErrorMock = vi
-      .spyOn(console, 'error')
-      .mockImplementation(() => {}) as MockInstance
-
-    consoleWarningMock = vi
-      .spyOn(console, 'warn')
-      .mockImplementation(() => {}) as MockInstance
-  })
-
-  afterEach(() => {
-    consoleErrorMock.mockRestore()
-    consoleWarningMock.mockRestore()
-  })
-
-  it('should render the correct number of panels', () => {
-    const { container } = render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">Tab 2 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const panels = container.querySelectorAll('[role="tabpanel"]')
-
-    expect(panels.length).toBe(3)
-  })
-
-  it('should render with null children', async () => {
-    const { container } = render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">Tab 2 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-        {null}
-      </Tabs>
-    )
-    const panels = container.querySelectorAll('[role="tabpanel"]')
-
-    expect(panels.length).toBe(3)
-  })
-
-  it('should be okay with rendering without any children', async () => {
-    render(<Tabs></Tabs>)
-
-    expect(consoleErrorMock).not.toHaveBeenCalled()
-  })
-
-  it('should render correct number of tabs', async () => {
-    render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">Tab 2 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const tabs = screen.getAllByRole('tab')
-
-    expect(tabs.length).toBe(3)
-  })
-
-  it('should render same content for other tabs as for the active one', () => {
-    const { container } = render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab" active>
-          CONTENT
-        </Tabs.Panel>
-        <Tabs.Panel id="secondTab" renderTitle="Second Tab" isSelected>
-          Child
-        </Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab">Child</Tabs.Panel>
-      </Tabs>
-    )
-
-    const tabContent = screen.getByText('CONTENT')
-
-    expect(container).toBeInTheDocument()
-    expect(tabContent).toBeInTheDocument()
-
-    const childContent = screen.queryByText('Child')
-
-    expect(childContent).toBeNull()
-  })
-
-  it('should render the same content in second tab when selected', async () => {
-    const onIndexChange = vi.fn()
-
-    const { container } = render(<TabExample onIndexChange={onIndexChange} />)
-    expect(container).toBeInTheDocument()
-
-    const secondTab = screen.getAllByRole('tab')[1]
-
-    await userEvent.click(secondTab)
-
-    await waitFor(() => {
-      expect(onIndexChange).toHaveBeenCalledWith(1)
-    })
-
-    const panelContent = screen.queryByText('CONTENT')
-
-    expect(panelContent).toBeInTheDocument()
-  })
-
-  it('should warn if multiple active tabs exist', () => {
-    const { container } = render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab" active>
-          Tab 1 content
-        </Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab" active>
-          Tab 2 content
-        </Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-
-    expect(container.firstChild).toBeInTheDocument()
-
-    expect(consoleErrorMock.mock.calls[0][0]).toEqual(
-      'Warning: [Tabs] Only one Panel can be marked as active.'
-    )
-  })
-
-  it('should default to selecting the first tab', async () => {
-    const { container } = render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab">{tab1Content}</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">{tab2Content}</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          {tab3Content}
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const panelsContainer = container.querySelector(
-      '[class$="panelsContainer"]'
-    )
-
-    expect(panelsContainer).toHaveTextContent(tab1Content)
-    expect(screen.getByText(tab1Content)).toBeVisible()
-
-    expect(panelsContainer).not.toHaveTextContent(tab2Content)
-    expect(panelsContainer).not.toHaveTextContent(tab3Content)
-  })
-
-  it('should honor the isSelected prop', async () => {
-    const { container } = render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab">{tab1Content}</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab" isSelected>
-          {tab2Content}
-        </Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          {tab3Content}
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const panelsContainer = container.querySelector(
-      '[class$="panelsContainer"]'
-    )
-
-    expect(panelsContainer).toHaveTextContent(tab2Content)
-    expect(screen.getByText(tab2Content)).toBeVisible()
-
-    expect(panelsContainer).not.toHaveTextContent(tab1Content)
-    expect(panelsContainer).not.toHaveTextContent(tab3Content)
-  })
-
-  it('should not allow selecting a disabled tab', async () => {
-    const { container } = render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">Tab 2 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled isSelected>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const panelsContainer = container.querySelector(
-      '[class$="panelsContainer"]'
-    )
-    const panels = container.querySelectorAll('[role="tabpanel"]')
-
-    expect(panelsContainer).toHaveTextContent(tab1Content)
-    expect(screen.getByText(tab1Content)).toBeVisible()
-
-    expect(panelsContainer).not.toHaveTextContent(tab2Content)
-    expect(panelsContainer).not.toHaveTextContent(tab3Content)
-
-    expect(panels.length).toBe(3)
-    expect(panels[0]).not.toHaveAttribute('aria-hidden', 'true')
-    expect(panels[1]).toHaveAttribute('aria-hidden', 'true')
-    expect(panels[2]).toHaveAttribute('aria-hidden', 'true')
-  })
-
-  it('should call onRequestTabChange when selection changes via click', async () => {
-    const onChange = vi.fn()
-
-    render(
-      <Tabs onRequestTabChange={onChange}>
-        <Tabs.Panel renderTitle="First Tab" isSelected id="one">
-          Tab 1 content
-        </Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab" id="two">
-          Tab 2 content
-        </Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled id="three">
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const secondTab = screen.getByText('Second Tab')
-
-    await userEvent.click(secondTab)
-
-    await waitFor(() => {
-      expect(onChange).toHaveBeenCalled()
-
-      const args = onChange.mock.calls[0][1]
-
-      expect(args).toHaveProperty('index', 1)
-      expect(args).toHaveProperty('id', 'two')
-    })
-  })
-
-  it('should focus the selected tab when shouldFocusOnRender is set', async () => {
-    render(
-      <Tabs shouldFocusOnRender>
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab" isSelected>
-          Tab 2 content
-        </Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const secondTab = screen.getByText('Second Tab')
-
-    await waitFor(() => {
-      expect(document.activeElement).toBe(secondTab)
-    })
-  })
-
-  it('should not call onRequestTabChange when clicking a disabled tab', async () => {
-    const onChange = vi.fn()
-    render(
-      <Tabs onRequestTabChange={onChange}>
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">Tab 2 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const thirdTab = screen.getByText('Third Tab')
-
-    await userEvent.click(thirdTab)
-
-    await waitFor(() => {
-      expect(onChange).not.toHaveBeenCalled()
-    })
-  })
-
-  it('should meet a11y standards when set to the secondary variant', async () => {
-    const { container } = render(
-      <Tabs variant="secondary">
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">Tab 2 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const axeCheck = await runAxeCheck(container)
-
-    expect(axeCheck).toBe(true)
-  })
-
-  it('should meet a11y standards when set to the default variant', async () => {
-    const { container } = render(
-      <Tabs variant="default">
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">Tab 2 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const axeCheck = await runAxeCheck(container)
-
-    expect(axeCheck).toBe(true)
-  })
-
-  it('should link tabs with the corresponding panels via ids', async () => {
-    const { container } = render(
-      <Tabs>
-        <Tabs.Panel renderTitle="First Tab">Tab 1 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Second Tab">Tab 2 content</Tabs.Panel>
-        <Tabs.Panel renderTitle="Third Tab" isDisabled>
-          Tab 3 content
-        </Tabs.Panel>
-      </Tabs>
-    )
-    const firstTab = screen.getByText('First Tab')
-    const firstPanel = container.querySelectorAll('[role="tabpanel"]')[0]
-
-    expect(firstTab).toHaveAttribute('aria-controls', firstPanel.id)
-    expect(firstPanel).toHaveAttribute('aria-labelledby', firstTab.id)
-  })
-
-  describe('with duplicate-named tabs', () => {
-    it('should still render the correct number of panels', async () => {
-      const { container } = render(
-        <Tabs>
-          <Tabs.Panel renderTitle="A Tab">Contents of first tab.</Tabs.Panel>
-          <Tabs.Panel renderTitle="A Tab">Contents of second tab.</Tabs.Panel>
-          <Tabs.Panel renderTitle="A Tab" isDisabled>
-            Contents of third tab.
-          </Tabs.Panel>
-        </Tabs>
-      )
-      const tabPanels = container.querySelectorAll('[role="tabpanel"]')
-
-      expect(tabPanels.length).toBe(3)
-    })
-  })
-
-  describe('with nodes as tab titles', () => {
-    it('should still render the correct number of panels', async () => {
-      const { container } = render(
-        <Tabs>
-          <Tabs.Panel renderTitle={<div />}>Contents of first tab.</Tabs.Panel>
-          <Tabs.Panel renderTitle={<span />}>
-            Contents of second tab.
-          </Tabs.Panel>
-          <Tabs.Panel renderTitle={<img alt="example" />} isDisabled>
-            Contents of third tab.
-          </Tabs.Panel>
-        </Tabs>
-      )
-      const tabPanels = container.querySelectorAll('[role="tabpanel"]')
-
-      expect(tabPanels.length).toBe(3)
-    })
-  })
-})

package/types/Tabs/Panel/__new-tests__/Panel.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=Panel.test.d.ts.map

package/types/Tabs/Panel/__new-tests__/Panel.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panel.test.d.ts","sourceRoot":"","sources":["../../../../src/Tabs/Panel/__new-tests__/Panel.test.tsx"],"names":[],"mappings":"AAyBA,OAAO,2BAA2B,CAAA"}

package/types/Tabs/Tab/__new-tests__/Tab.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=Tab.test.d.ts.map