@instructure/ui-navigation 10.19.2-snapshot-3 → 10.19.2-snapshot-4

package/es/AppNav/Item/__new-tests__/Item.test.js

@@ -1,130 +0,0 @@
-var _Item, _Item2, _Item3, _ScreenReaderContent;
-/*
- * 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 { runAxeCheck } from '@instructure/ui-axe-check';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { Item } from '../index';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const icon = _jsxs("svg", {
-  height: "24",
-  width: "24",
-  children: [_jsx("title", {
-    children: "Some icon"
-  }), _jsx("circle", {
-    cx: "50",
-    cy: "50",
-    r: "40"
-  })]
-});
-describe('<AppNav.Item />', () => {
-  let consoleWarningMock;
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
-    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleWarningMock.mockRestore();
-    consoleErrorMock.mockRestore();
-  });
-  it('should render label text', async () => {
-    render(_Item || (_Item = _jsx(Item, {
-      renderLabel: "Some label",
-      href: "#"
-    })));
-    const item = screen.getByRole('link');
-    expect(item).toHaveTextContent('Some label');
-  });
-  it('should render an icon/image/etc.', async () => {
-    const _render = render(_Item2 || (_Item2 = _jsx(Item, {
-        renderIcon: icon,
-        renderLabel: _jsx(ScreenReaderContent, {
-          children: "Some label"
-        }),
-        href: "#"
-      }))),
-      container = _render.container;
-    const iconTitle = screen.getByTitle('Some icon');
-    const iconSvg = container.querySelector('svg');
-    const item = screen.getByRole('link');
-    expect(iconTitle).toBeInTheDocument();
-    expect(iconSvg).toBeInTheDocument();
-    expect(iconSvg).toHaveTextContent('Some icon');
-    expect(item).toHaveTextContent('Some label');
-  });
-  it('should render content after the label text to accommodate badges, etc.', async () => {
-    render(_Item3 || (_Item3 = _jsx(Item, {
-      renderLabel: "Some label",
-      href: "#",
-      renderAfter: _jsx("strong", {
-        children: "I am rendered after!"
-      })
-    })));
-    const item = screen.getByRole('link');
-    const after = screen.getByText('I am rendered after!');
-    expect(item).toBeInTheDocument();
-    expect(item).toHaveTextContent('Some label');
-    expect(after).toBeInTheDocument();
-    expect(after.tagName).toBe('STRONG');
-  });
-  it('should respond to an onClick event', async () => {
-    const onClick = vi.fn();
-    render(_jsx(Item, {
-      renderLabel: "Some label",
-      onClick: onClick
-    }));
-    const button = screen.getByRole('button');
-    await userEvent.click(button);
-    await waitFor(() => {
-      expect(onClick).toHaveBeenCalledTimes(1);
-    });
-  });
-  it('should output a console error if icon is used with non-screenreader label text', async () => {
-    render(_jsx(Item, {
-      renderIcon: icon,
-      renderLabel: "Some label",
-      onClick: () => 'clicked'
-    }));
-    const expectedErrorMessage = 'Warning: [AppNav] If an icon is used, the label text should be wrapped in <ScreenReaderContent />.';
-    expect(consoleErrorMock).toHaveBeenCalledWith(expect.stringContaining(expectedErrorMessage), expect.any(String));
-  });
-  it('should meet a11y standards', async () => {
-    const _render2 = render(_jsx(Item, {
-        renderIcon: icon,
-        renderLabel: _ScreenReaderContent || (_ScreenReaderContent = _jsx(ScreenReaderContent, {
-          children: "Some label"
-        })),
-        onClick: () => 'clicked'
-      })),
-      container = _render2.container;
-    const axeCheck = await runAxeCheck(container);
-    expect(axeCheck).toBe(true);
-  });
-});

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

@@ -1,161 +0,0 @@
-var _AppNav, _AppNav$Item, _AppNav2, _AppNav3, _AppNav$Item2, _AppNav$Item3, _AppNav$Item4, _AppNav$Item5;
-/*
- * 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 { vi } from 'vitest';
-import '@testing-library/jest-dom';
-
-// eslint-disable-next-line no-restricted-imports
-import { generateA11yTests } from '@instructure/ui-scripts/lib/test/generateA11yTests';
-import { runAxeCheck } from '@instructure/ui-axe-check';
-import { AppNav } from '../index';
-import AppNavExamples from '../__examples__/AppNav.examples';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-describe('<AppNav />', () => {
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution
-    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleErrorMock.mockRestore();
-  });
-  describe('for a11y', () => {
-    it('should render a nav element with an aria-label', async () => {
-      const _render = render(_AppNav || (_AppNav = _jsxs(AppNav, {
-          screenReaderLabel: "Screen reader label",
-          visibleItemsCount: 2,
-          children: [_jsx(AppNav.Item, {
-            renderLabel: "Some label",
-            href: "http://instructure.design"
-          }), _jsx(AppNav.Item, {
-            renderLabel: "Some other label",
-            href: "http://instructure.design"
-          })]
-        }))),
-        container = _render.container;
-      const appNavList = container.querySelector('ul[class*="-appNav__list"]');
-      expect(appNavList).toBeInTheDocument();
-      expect(appNavList.tagName).toBe('UL');
-      expect(appNavList).toHaveAttribute('aria-label', 'Screen reader label');
-    });
-    it('should render a semantic list of items', async () => {
-      render(_jsxs(AppNav, {
-        screenReaderLabel: "App navigation",
-        visibleItemsCount: 2,
-        children: [_AppNav$Item || (_AppNav$Item = _jsx(AppNav.Item, {
-          renderLabel: "Some first label",
-          href: "http://instructure.design"
-        })), _jsx(AppNav.Item, {
-          renderLabel: "Some second label",
-          onClick: () => 'clicked'
-        })]
-      }));
-      const list = screen.getAllByRole('list');
-      const items = screen.getAllByRole('listitem');
-      const link = screen.getAllByRole('link');
-      const button = screen.getAllByRole('button');
-      expect(list.length).toBe(1);
-      expect(items.length).toBe(2);
-      expect(link.length).toBe(1);
-      expect(button.length).toBe(1);
-    });
-    it('should render with a single item', async () => {
-      render(_AppNav2 || (_AppNav2 = _jsx(AppNav, {
-        screenReaderLabel: "App navigation",
-        visibleItemsCount: 1,
-        children: _jsx(AppNav.Item, {
-          renderLabel: "Some label",
-          href: "http://instructure.design"
-        })
-      })));
-      const list = screen.getAllByRole('list');
-      const items = screen.getAllByRole('listitem');
-      const link = screen.getAllByRole('link');
-      expect(list.length).toBe(1);
-      expect(items.length).toBe(1);
-      expect(link.length).toBe(1);
-    });
-  });
-  describe('with rendered content', () => {
-    it('should render content after the navigation', async () => {
-      render(_AppNav3 || (_AppNav3 = _jsxs(AppNav, {
-        screenReaderLabel: "App navigation",
-        renderAfterItems: _jsx("button", {
-          type: "button",
-          children: "I am rendered after!"
-        }),
-        visibleItemsCount: 2,
-        children: [_jsx(AppNav.Item, {
-          renderLabel: "Some label",
-          href: "http://instructure.design"
-        }), _jsx(AppNav.Item, {
-          renderLabel: "Some other label",
-          href: "http://instructure.design"
-        })]
-      })));
-      const button = screen.getByRole('button');
-      expect(button).toHaveTextContent('I am rendered after!');
-    });
-  });
-  describe('with item truncation', () => {
-    it('should pass a custom label to the menu trigger', async () => {
-      render(_jsxs(AppNav, {
-        screenReaderLabel: "App navigation",
-        visibleItemsCount: 2,
-        renderTruncateLabel: function () {
-          return 'I am sooo custom!';
-        },
-        children: [_AppNav$Item2 || (_AppNav$Item2 = _jsx(AppNav.Item, {
-          renderLabel: "Label",
-          href: "http://instructure.design"
-        })), _AppNav$Item3 || (_AppNav$Item3 = _jsx(AppNav.Item, {
-          renderLabel: "Label",
-          href: "http://instructure.design"
-        })), _AppNav$Item4 || (_AppNav$Item4 = _jsx(AppNav.Item, {
-          renderLabel: "Label",
-          href: "http://instructure.design"
-        })), _AppNav$Item5 || (_AppNav$Item5 = _jsx(AppNav.Item, {
-          renderLabel: "Label",
-          href: "http://instructure.design"
-        }))]
-      }));
-      const items = screen.getAllByRole('listitem');
-      expect(items.length).toBe(3);
-      expect(items[2]).toHaveTextContent('I am sooo custom!');
-    });
-  });
-  describe('with generated examples', () => {
-    const generatedComponents = generateA11yTests(AppNav, AppNavExamples);
-    for (const component of generatedComponents) {
-      it(component.description, async () => {
-        const _render2 = render(component.content),
-          container = _render2.container;
-        const axeCheck = await runAxeCheck(container);
-        expect(axeCheck).toBe(true);
-      });
-    }
-  });
-});

package/lib/AppNav/Item/__new-tests__/Item.test.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-require("@testing-library/jest-dom");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
-var _ScreenReaderContent2 = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-var _index = require("../index");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _Item, _Item2, _Item3, _ScreenReaderContent;
-/*
- * 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.
- */
-const icon = (0, _jsxRuntime.jsxs)("svg", {
-  height: "24",
-  width: "24",
-  children: [(0, _jsxRuntime.jsx)("title", {
-    children: "Some icon"
-  }), (0, _jsxRuntime.jsx)("circle", {
-    cx: "50",
-    cy: "50",
-    r: "40"
-  })]
-});
-describe('<AppNav.Item />', () => {
-  let consoleWarningMock;
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
-    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleWarningMock.mockRestore();
-    consoleErrorMock.mockRestore();
-  });
-  it('should render label text', async () => {
-    (0, _react.render)(_Item || (_Item = (0, _jsxRuntime.jsx)(_index.Item, {
-      renderLabel: "Some label",
-      href: "#"
-    })));
-    const item = _react.screen.getByRole('link');
-    expect(item).toHaveTextContent('Some label');
-  });
-  it('should render an icon/image/etc.', async () => {
-    const _render = (0, _react.render)(_Item2 || (_Item2 = (0, _jsxRuntime.jsx)(_index.Item, {
-        renderIcon: icon,
-        renderLabel: (0, _jsxRuntime.jsx)(_ScreenReaderContent2.ScreenReaderContent, {
-          children: "Some label"
-        }),
-        href: "#"
-      }))),
-      container = _render.container;
-    const iconTitle = _react.screen.getByTitle('Some icon');
-    const iconSvg = container.querySelector('svg');
-    const item = _react.screen.getByRole('link');
-    expect(iconTitle).toBeInTheDocument();
-    expect(iconSvg).toBeInTheDocument();
-    expect(iconSvg).toHaveTextContent('Some icon');
-    expect(item).toHaveTextContent('Some label');
-  });
-  it('should render content after the label text to accommodate badges, etc.', async () => {
-    (0, _react.render)(_Item3 || (_Item3 = (0, _jsxRuntime.jsx)(_index.Item, {
-      renderLabel: "Some label",
-      href: "#",
-      renderAfter: (0, _jsxRuntime.jsx)("strong", {
-        children: "I am rendered after!"
-      })
-    })));
-    const item = _react.screen.getByRole('link');
-    const after = _react.screen.getByText('I am rendered after!');
-    expect(item).toBeInTheDocument();
-    expect(item).toHaveTextContent('Some label');
-    expect(after).toBeInTheDocument();
-    expect(after.tagName).toBe('STRONG');
-  });
-  it('should respond to an onClick event', async () => {
-    const onClick = _vitest.vi.fn();
-    (0, _react.render)((0, _jsxRuntime.jsx)(_index.Item, {
-      renderLabel: "Some label",
-      onClick: onClick
-    }));
-    const button = _react.screen.getByRole('button');
-    await _userEvent.default.click(button);
-    await (0, _react.waitFor)(() => {
-      expect(onClick).toHaveBeenCalledTimes(1);
-    });
-  });
-  it('should output a console error if icon is used with non-screenreader label text', async () => {
-    (0, _react.render)((0, _jsxRuntime.jsx)(_index.Item, {
-      renderIcon: icon,
-      renderLabel: "Some label",
-      onClick: () => 'clicked'
-    }));
-    const expectedErrorMessage = 'Warning: [AppNav] If an icon is used, the label text should be wrapped in <ScreenReaderContent />.';
-    expect(consoleErrorMock).toHaveBeenCalledWith(expect.stringContaining(expectedErrorMessage), expect.any(String));
-  });
-  it('should meet a11y standards', async () => {
-    const _render2 = (0, _react.render)((0, _jsxRuntime.jsx)(_index.Item, {
-        renderIcon: icon,
-        renderLabel: _ScreenReaderContent || (_ScreenReaderContent = (0, _jsxRuntime.jsx)(_ScreenReaderContent2.ScreenReaderContent, {
-          children: "Some label"
-        })),
-        onClick: () => 'clicked'
-      })),
-      container = _render2.container;
-    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
-    expect(axeCheck).toBe(true);
-  });
-});

package/lib/AppNav/__new-tests__/AppNav.test.js

@@ -1,162 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-require("@testing-library/jest-dom");
-var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
-var _index = require("../index");
-var _AppNav4 = _interopRequireDefault(require("../__examples__/AppNav.examples"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _AppNav, _AppNav$Item, _AppNav2, _AppNav3, _AppNav$Item2, _AppNav$Item3, _AppNav$Item4, _AppNav$Item5;
-/*
- * 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.
- */
-// eslint-disable-next-line no-restricted-imports
-describe('<AppNav />', () => {
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution
-    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleErrorMock.mockRestore();
-  });
-  describe('for a11y', () => {
-    it('should render a nav element with an aria-label', async () => {
-      const _render = (0, _react.render)(_AppNav || (_AppNav = (0, _jsxRuntime.jsxs)(_index.AppNav, {
-          screenReaderLabel: "Screen reader label",
-          visibleItemsCount: 2,
-          children: [(0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-            renderLabel: "Some label",
-            href: "http://instructure.design"
-          }), (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-            renderLabel: "Some other label",
-            href: "http://instructure.design"
-          })]
-        }))),
-        container = _render.container;
-      const appNavList = container.querySelector('ul[class*="-appNav__list"]');
-      expect(appNavList).toBeInTheDocument();
-      expect(appNavList.tagName).toBe('UL');
-      expect(appNavList).toHaveAttribute('aria-label', 'Screen reader label');
-    });
-    it('should render a semantic list of items', async () => {
-      (0, _react.render)((0, _jsxRuntime.jsxs)(_index.AppNav, {
-        screenReaderLabel: "App navigation",
-        visibleItemsCount: 2,
-        children: [_AppNav$Item || (_AppNav$Item = (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Some first label",
-          href: "http://instructure.design"
-        })), (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Some second label",
-          onClick: () => 'clicked'
-        })]
-      }));
-      const list = _react.screen.getAllByRole('list');
-      const items = _react.screen.getAllByRole('listitem');
-      const link = _react.screen.getAllByRole('link');
-      const button = _react.screen.getAllByRole('button');
-      expect(list.length).toBe(1);
-      expect(items.length).toBe(2);
-      expect(link.length).toBe(1);
-      expect(button.length).toBe(1);
-    });
-    it('should render with a single item', async () => {
-      (0, _react.render)(_AppNav2 || (_AppNav2 = (0, _jsxRuntime.jsx)(_index.AppNav, {
-        screenReaderLabel: "App navigation",
-        visibleItemsCount: 1,
-        children: (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Some label",
-          href: "http://instructure.design"
-        })
-      })));
-      const list = _react.screen.getAllByRole('list');
-      const items = _react.screen.getAllByRole('listitem');
-      const link = _react.screen.getAllByRole('link');
-      expect(list.length).toBe(1);
-      expect(items.length).toBe(1);
-      expect(link.length).toBe(1);
-    });
-  });
-  describe('with rendered content', () => {
-    it('should render content after the navigation', async () => {
-      (0, _react.render)(_AppNav3 || (_AppNav3 = (0, _jsxRuntime.jsxs)(_index.AppNav, {
-        screenReaderLabel: "App navigation",
-        renderAfterItems: (0, _jsxRuntime.jsx)("button", {
-          type: "button",
-          children: "I am rendered after!"
-        }),
-        visibleItemsCount: 2,
-        children: [(0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Some label",
-          href: "http://instructure.design"
-        }), (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Some other label",
-          href: "http://instructure.design"
-        })]
-      })));
-      const button = _react.screen.getByRole('button');
-      expect(button).toHaveTextContent('I am rendered after!');
-    });
-  });
-  describe('with item truncation', () => {
-    it('should pass a custom label to the menu trigger', async () => {
-      (0, _react.render)((0, _jsxRuntime.jsxs)(_index.AppNav, {
-        screenReaderLabel: "App navigation",
-        visibleItemsCount: 2,
-        renderTruncateLabel: function () {
-          return 'I am sooo custom!';
-        },
-        children: [_AppNav$Item2 || (_AppNav$Item2 = (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Label",
-          href: "http://instructure.design"
-        })), _AppNav$Item3 || (_AppNav$Item3 = (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Label",
-          href: "http://instructure.design"
-        })), _AppNav$Item4 || (_AppNav$Item4 = (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Label",
-          href: "http://instructure.design"
-        })), _AppNav$Item5 || (_AppNav$Item5 = (0, _jsxRuntime.jsx)(_index.AppNav.Item, {
-          renderLabel: "Label",
-          href: "http://instructure.design"
-        }))]
-      }));
-      const items = _react.screen.getAllByRole('listitem');
-      expect(items.length).toBe(3);
-      expect(items[2]).toHaveTextContent('I am sooo custom!');
-    });
-  });
-  describe('with generated examples', () => {
-    const generatedComponents = (0, _generateA11yTests.generateA11yTests)(_index.AppNav, _AppNav4.default);
-    for (const component of generatedComponents) {
-      it(component.description, async () => {
-        const _render2 = (0, _react.render)(component.content),
-          container = _render2.container;
-        const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
-        expect(axeCheck).toBe(true);
-      });
-    }
-  });
-});