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

package/es/Tabs/Panel/__new-tests__/Panel.test.js

@@ -1,50 +0,0 @@
-var _Panel, _Panel2;
-/*
- * 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';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-describe('<Tabs.Panel />', () => {
-  it('should render children', async () => {
-    render(_Panel || (_Panel = _jsx(Panel, {
-      isSelected: true,
-      renderTitle: "Panel Title",
-      children: "Panel contents"
-    })));
-    const children = screen.getByText('Panel contents');
-    expect(children).toBeInTheDocument();
-  });
-  it('should have appropriate role attribute', async () => {
-    const _render = render(_Panel2 || (_Panel2 = _jsx(Panel, {
-        isSelected: true,
-        renderTitle: "Panel Title",
-        children: "Panel contents"
-      }))),
-      container = _render.container;
-    const tabPanel = container.querySelector('[class$="-panel"]');
-    expect(tabPanel).toHaveAttribute('role', 'tabpanel');
-  });
-});

package/es/Tabs/Tab/__new-tests__/Tab.test.js

@@ -1,187 +0,0 @@
-var _Tab, _Tab2, _Tab3, _Tab4, _Tab5, _Tab6, _Tab7, _Tab8;
-/*
- * 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';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-describe('<Tabs.Tab />', () => {
-  it('should render children', async () => {
-    render(_Tab || (_Tab = _jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      children: "Tab Label"
-    })));
-    const children = screen.getByText('Tab Label');
-    expect(children).toBeInTheDocument();
-  });
-  it('should have appropriate role attribute', async () => {
-    render(_Tab2 || (_Tab2 = _jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      children: "Tab Label"
-    })));
-    const tab = screen.getByRole('tab');
-    expect(tab).toBeInTheDocument();
-  });
-  it('should have appropriate aria attributes', async () => {
-    render(_Tab3 || (_Tab3 = _jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      children: "Tab Label"
-    })));
-    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(_Tab4 || (_Tab4 = _jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      isSelected: true,
-      children: "Tab Label"
-    })));
-    const tab = screen.getByRole('tab');
-    expect(tab).toHaveAttribute('aria-selected', 'true');
-  });
-  it('should set the aria-disabled attribute', async () => {
-    render(_Tab5 || (_Tab5 = _jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      isDisabled: true,
-      children: "Tab Label"
-    })));
-    const tab = screen.getByRole('tab');
-    expect(tab).toHaveAttribute('aria-disabled', 'true');
-  });
-  it('should set the tabindex to 0 when selected', async () => {
-    render(_Tab6 || (_Tab6 = _jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      isSelected: true,
-      children: "Tab Label"
-    })));
-    const tab = screen.getByRole('tab');
-    expect(tab).toHaveAttribute('tabindex', '0');
-  });
-  it('should not set the tabindex when not selected', async () => {
-    render(_Tab7 || (_Tab7 = _jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      children: "Tab Label"
-    })));
-    const tab = screen.getByRole('tab');
-    expect(tab).not.toHaveAttribute('tabindex');
-  });
-  it('should remove the tabindex attribute when disabled', async () => {
-    render(_Tab8 || (_Tab8 = _jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      isDisabled: true,
-      children: "Tab Label"
-    })));
-    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(_jsx(Tab, {
-      id: "foo",
-      index: index,
-      controls: "foo-panel",
-      onClick: onClick,
-      children: "Tab Label"
-    }));
-    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(_jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      onClick: onClick,
-      isDisabled: true,
-      children: "Tab Label"
-    }));
-    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(_jsx(Tab, {
-      id: "foo",
-      isSelected: true,
-      index: index,
-      controls: "foo-panel",
-      onKeyDown: onKeyDown,
-      children: "Tab Label"
-    }));
-    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(_jsx(Tab, {
-      id: "foo",
-      index: 0,
-      controls: "foo-panel",
-      onKeyDown: onKeyDown,
-      isDisabled: true,
-      children: "Tab Label"
-    }));
-    const tab = screen.getByRole('tab');
-    await userEvent.type(tab, '{enter}');
-    await waitFor(() => {
-      expect(onKeyDown).not.toHaveBeenCalled();
-    });
-  });
-});

package/es/Tabs/__new-tests__/Tabs.test.js

@@ -1,441 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _p, _Tabs, _Tabs2, _Tabs3, _Tabs4, _Tabs5, _Tabs6, _Tabs9, _Tabs$Panel, _Tabs$Panel2, _Tabs$Panel3, _Tabs10, _Tabs$Panel4, _Tabs$Panel5, _Tabs$Panel6, _Tabs11, _Tabs12, _Tabs13, _Tabs14, _Tabs15;
-/*
- * 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 userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
-import { runAxeCheck } from '@instructure/ui-axe-check';
-import { Tabs } from '../index';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const TabExample = props => {
-  const _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedIndex = _useState2[0],
-    setSelectedIndex = _useState2[1];
-  return _jsxs(Tabs, {
-    onRequestTabChange: (_event, {
-      index
-    }) => {
-      setSelectedIndex(index);
-      props.onIndexChange(index);
-    },
-    variant: "default",
-    margin: "medium",
-    children: [_jsx(Tabs.Panel, {
-      renderTitle: "First Tab",
-      id: "first",
-      isSelected: selectedIndex === 0,
-      active: true,
-      children: _p || (_p = _jsx("p", {
-        children: "CONTENT"
-      }))
-    }), _jsx(Tabs.Panel, {
-      renderTitle: "Second Tab",
-      id: "second",
-      isSelected: selectedIndex === 1
-    }), _jsx(Tabs.Panel, {
-      renderTitle: "Third Tab",
-      id: "third",
-      isSelected: selectedIndex === 2
-    })]
-  });
-};
-describe('<Tabs />', () => {
-  var _Tabs7, _Tabs8;
-  const tab1Content = 'Tab 1 content';
-  const tab2Content = 'Tab 2 content';
-  const tab3Content = 'Tab 3 content';
-  let consoleErrorMock;
-  let consoleWarningMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
-    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleErrorMock.mockRestore();
-    consoleWarningMock.mockRestore();
-  });
-  it('should render the correct number of panels', () => {
-    const _render = render(_Tabs || (_Tabs = _jsxs(Tabs, {
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          children: "Tab 1 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          children: "Tab 2 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          children: "Tab 3 content"
-        })]
-      }))),
-      container = _render.container;
-    const panels = container.querySelectorAll('[role="tabpanel"]');
-    expect(panels.length).toBe(3);
-  });
-  it('should render with null children', async () => {
-    const _render2 = render(_Tabs2 || (_Tabs2 = _jsxs(Tabs, {
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          children: "Tab 1 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          children: "Tab 2 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          children: "Tab 3 content"
-        }), null]
-      }))),
-      container = _render2.container;
-    const panels = container.querySelectorAll('[role="tabpanel"]');
-    expect(panels.length).toBe(3);
-  });
-  it('should be okay with rendering without any children', async () => {
-    render(_Tabs3 || (_Tabs3 = _jsx(Tabs, {})));
-    expect(consoleErrorMock).not.toHaveBeenCalled();
-  });
-  it('should render correct number of tabs', async () => {
-    render(_Tabs4 || (_Tabs4 = _jsxs(Tabs, {
-      children: [_jsx(Tabs.Panel, {
-        renderTitle: "First Tab",
-        children: "Tab 1 content"
-      }), _jsx(Tabs.Panel, {
-        renderTitle: "Second Tab",
-        children: "Tab 2 content"
-      }), _jsx(Tabs.Panel, {
-        renderTitle: "Third Tab",
-        isDisabled: true,
-        children: "Tab 3 content"
-      })]
-    })));
-    const tabs = screen.getAllByRole('tab');
-    expect(tabs.length).toBe(3);
-  });
-  it('should render same content for other tabs as for the active one', () => {
-    const _render3 = render(_Tabs5 || (_Tabs5 = _jsxs(Tabs, {
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          active: true,
-          children: "CONTENT"
-        }), _jsx(Tabs.Panel, {
-          id: "secondTab",
-          renderTitle: "Second Tab",
-          isSelected: true,
-          children: "Child"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          children: "Child"
-        })]
-      }))),
-      container = _render3.container;
-    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 _render4 = render(_jsx(TabExample, {
-        onIndexChange: onIndexChange
-      })),
-      container = _render4.container;
-    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 _render5 = render(_Tabs6 || (_Tabs6 = _jsxs(Tabs, {
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          active: true,
-          children: "Tab 1 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          active: true,
-          children: "Tab 2 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          children: "Tab 3 content"
-        })]
-      }))),
-      container = _render5.container;
-    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 _render6 = render(_Tabs7 || (_Tabs7 = _jsxs(Tabs, {
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          children: tab1Content
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          children: tab2Content
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          children: tab3Content
-        })]
-      }))),
-      container = _render6.container;
-    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 _render7 = render(_Tabs8 || (_Tabs8 = _jsxs(Tabs, {
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          children: tab1Content
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          isSelected: true,
-          children: tab2Content
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          children: tab3Content
-        })]
-      }))),
-      container = _render7.container;
-    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 _render8 = render(_Tabs9 || (_Tabs9 = _jsxs(Tabs, {
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          children: "Tab 1 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          children: "Tab 2 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          isSelected: true,
-          children: "Tab 3 content"
-        })]
-      }))),
-      container = _render8.container;
-    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(_jsxs(Tabs, {
-      onRequestTabChange: onChange,
-      children: [_Tabs$Panel || (_Tabs$Panel = _jsx(Tabs.Panel, {
-        renderTitle: "First Tab",
-        isSelected: true,
-        id: "one",
-        children: "Tab 1 content"
-      })), _Tabs$Panel2 || (_Tabs$Panel2 = _jsx(Tabs.Panel, {
-        renderTitle: "Second Tab",
-        id: "two",
-        children: "Tab 2 content"
-      })), _Tabs$Panel3 || (_Tabs$Panel3 = _jsx(Tabs.Panel, {
-        renderTitle: "Third Tab",
-        isDisabled: true,
-        id: "three",
-        children: "Tab 3 content"
-      }))]
-    }));
-    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(_Tabs10 || (_Tabs10 = _jsxs(Tabs, {
-      shouldFocusOnRender: true,
-      children: [_jsx(Tabs.Panel, {
-        renderTitle: "First Tab",
-        children: "Tab 1 content"
-      }), _jsx(Tabs.Panel, {
-        renderTitle: "Second Tab",
-        isSelected: true,
-        children: "Tab 2 content"
-      }), _jsx(Tabs.Panel, {
-        renderTitle: "Third Tab",
-        isDisabled: true,
-        children: "Tab 3 content"
-      })]
-    })));
-    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(_jsxs(Tabs, {
-      onRequestTabChange: onChange,
-      children: [_Tabs$Panel4 || (_Tabs$Panel4 = _jsx(Tabs.Panel, {
-        renderTitle: "First Tab",
-        children: "Tab 1 content"
-      })), _Tabs$Panel5 || (_Tabs$Panel5 = _jsx(Tabs.Panel, {
-        renderTitle: "Second Tab",
-        children: "Tab 2 content"
-      })), _Tabs$Panel6 || (_Tabs$Panel6 = _jsx(Tabs.Panel, {
-        renderTitle: "Third Tab",
-        isDisabled: true,
-        children: "Tab 3 content"
-      }))]
-    }));
-    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 _render9 = render(_Tabs11 || (_Tabs11 = _jsxs(Tabs, {
-        variant: "secondary",
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          children: "Tab 1 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          children: "Tab 2 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          children: "Tab 3 content"
-        })]
-      }))),
-      container = _render9.container;
-    const axeCheck = await runAxeCheck(container);
-    expect(axeCheck).toBe(true);
-  });
-  it('should meet a11y standards when set to the default variant', async () => {
-    const _render10 = render(_Tabs12 || (_Tabs12 = _jsxs(Tabs, {
-        variant: "default",
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          children: "Tab 1 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          children: "Tab 2 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          children: "Tab 3 content"
-        })]
-      }))),
-      container = _render10.container;
-    const axeCheck = await runAxeCheck(container);
-    expect(axeCheck).toBe(true);
-  });
-  it('should link tabs with the corresponding panels via ids', async () => {
-    const _render11 = render(_Tabs13 || (_Tabs13 = _jsxs(Tabs, {
-        children: [_jsx(Tabs.Panel, {
-          renderTitle: "First Tab",
-          children: "Tab 1 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Second Tab",
-          children: "Tab 2 content"
-        }), _jsx(Tabs.Panel, {
-          renderTitle: "Third Tab",
-          isDisabled: true,
-          children: "Tab 3 content"
-        })]
-      }))),
-      container = _render11.container;
-    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 _render12 = render(_Tabs14 || (_Tabs14 = _jsxs(Tabs, {
-          children: [_jsx(Tabs.Panel, {
-            renderTitle: "A Tab",
-            children: "Contents of first tab."
-          }), _jsx(Tabs.Panel, {
-            renderTitle: "A Tab",
-            children: "Contents of second tab."
-          }), _jsx(Tabs.Panel, {
-            renderTitle: "A Tab",
-            isDisabled: true,
-            children: "Contents of third tab."
-          })]
-        }))),
-        container = _render12.container;
-      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 _render13 = render(_Tabs15 || (_Tabs15 = _jsxs(Tabs, {
-          children: [_jsx(Tabs.Panel, {
-            renderTitle: _jsx("div", {}),
-            children: "Contents of first tab."
-          }), _jsx(Tabs.Panel, {
-            renderTitle: _jsx("span", {}),
-            children: "Contents of second tab."
-          }), _jsx(Tabs.Panel, {
-            renderTitle: _jsx("img", {
-              alt: "example"
-            }),
-            isDisabled: true,
-            children: "Contents of third tab."
-          })]
-        }))),
-        container = _render13.container;
-      const tabPanels = container.querySelectorAll('[role="tabpanel"]');
-      expect(tabPanels.length).toBe(3);
-    });
-  });
-});