@geotab/zenith 3.0.0 → 3.0.1-beta.0

package/dist/nav/navItem/navItem.test.js

@@ -1,734 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const navItem_1 = require("./navItem");
-const iconChevronRight_1 = require("../../icons/iconChevronRight");
-const iconOpen2_1 = require("../../icons/iconOpen2");
-const iconBeta_1 = require("../../icons/iconBeta");
-const tooltip_1 = require("../../tooltip/tooltip");
-const controlledMenu_1 = require("../../menu/controlledMenu");
-jest.mock("../../icons/iconChevronRight");
-jest.mock("../../icons/iconOpen2");
-jest.mock("../../icons/iconBeta");
-jest.mock("../../tooltip/tooltip");
-jest.mock("../../menu/controlledMenu");
-const MockIcon = jest.fn().mockImplementation(() => null);
-const mockIconChevronRight = iconChevronRight_1.IconChevronRight;
-const mockIconOpen2 = iconOpen2_1.IconOpen2;
-const mockIconBeta = iconBeta_1.IconBeta;
-const mockTooltip = tooltip_1.Tooltip;
-const mockControlledMenu = controlledMenu_1.ControlledMenu;
-// Setup Tooltip mock to render children and trigger
-beforeEach(() => {
-    mockTooltip.mockImplementation(({ trigger, children }) => ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "tooltip-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { "data-testid": "tooltip-trigger", children: trigger }), (0, jsx_runtime_1.jsx)("div", { "data-testid": "tooltip-content", children: children })] })));
-    // Setup ControlledMenu mock to render children when isOpen is true
-    mockControlledMenu.mockImplementation(({ children, isOpen, alignment, title, className }) => isOpen ? ((0, jsx_runtime_1.jsx)("div", { role: "menu", "data-testid": "controlled-menu", "data-alignment": alignment, "aria-label": title, className: className, children: children })) : null);
-});
-describe("NavItem", () => {
-    describe("Link NavItem", () => {
-        it("renders link nav item with title", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link" }));
-            expect(react_1.screen.getByText("Test Link")).toBeInTheDocument();
-            expect(react_1.screen.getByRole("menuitem")).toHaveAttribute("href", "/test");
-        });
-        it("renders link nav item with title and outerLink", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isExternalLink: true }));
-            expect(react_1.screen.getByText("Test Link")).toBeInTheDocument();
-            expect(react_1.screen.getByRole("menuitem")).toHaveAttribute("href", "/test");
-        });
-        it("renders collapsed link nav item with tooltip", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", collapsed: true, primaryIcon: MockIcon }));
-            // In collapsed mode, the title should be in tooltip content, not in nav item content
-            const tooltipContent = react_1.screen.getByTestId("tooltip-content");
-            expect(tooltipContent).toHaveTextContent("Test Link");
-            // The MockIcon should have been called
-            expect(MockIcon).toHaveBeenCalled();
-        });
-        it("wraps collapsed link in tooltip with title", () => {
-            mockTooltip.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", collapsed: true, primaryIcon: MockIcon }));
-            // Tooltip should be called when collapsed
-            expect(mockTooltip).toHaveBeenCalled();
-            // Check that tooltip receives the title as children
-            const tooltipCall = mockTooltip.mock.calls[0][0];
-            expect(tooltipCall.children).toBe("Test Link");
-            // Check that tooltip trigger contains a link
-            expect(react_1.screen.getByRole("menuitem")).toHaveAttribute("href", "/test");
-        });
-        it("does not wrap expanded link in tooltip", () => {
-            mockTooltip.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", primaryIcon: MockIcon }));
-            // Tooltip should not be called when not collapsed
-            expect(mockTooltip).not.toHaveBeenCalled();
-            // Link should be rendered directly
-            expect(react_1.screen.getByRole("menuitem")).toHaveAttribute("href", "/test");
-        });
-        it("renders active link nav item", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", active: true }));
-            expect(react_1.screen.getByRole("menuitem")).toHaveClass("zen-nav-item--active");
-        });
-        it("renders outer link with icon when not collapsed", () => {
-            mockIconOpen2.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isExternalLink: true }));
-            expect(react_1.screen.getByText("Test Link")).toBeInTheDocument();
-            // Check that outer link icon component is called
-            expect(mockIconOpen2).toHaveBeenCalled();
-        });
-        it("does not render outer link icon when collapsed", () => {
-            mockIconOpen2.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isExternalLink: true, collapsed: true, primaryIcon: MockIcon }));
-            // In collapsed mode, title is in tooltip
-            const tooltipContent = react_1.screen.getByTestId("tooltip-content");
-            expect(tooltipContent).toHaveTextContent("Test Link");
-            // Check that outer link icon component is not called when collapsed
-            expect(mockIconOpen2).not.toHaveBeenCalled();
-        });
-        it("does not render outer link icon when isExternalLink is false", () => {
-            mockIconOpen2.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isExternalLink: false }));
-            expect(react_1.screen.getByText("Test Link")).toBeInTheDocument();
-            // Check that outer link icon component is not called
-            expect(mockIconOpen2).not.toHaveBeenCalled();
-        });
-        it("renders beta indicator when not collapsed", () => {
-            mockIconBeta.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isBeta: true }));
-            expect(react_1.screen.getByText("Test Link")).toBeInTheDocument();
-            // Check that beta icon component is called
-            expect(mockIconBeta).toHaveBeenCalled();
-        });
-        it("does not render beta indicator when collapsed", () => {
-            mockIconBeta.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isBeta: true, collapsed: true, primaryIcon: MockIcon }));
-            // In collapsed mode, title is in tooltip
-            const tooltipContent = react_1.screen.getByTestId("tooltip-content");
-            expect(tooltipContent).toHaveTextContent("Test Link");
-            // Check that beta icon component is not called when collapsed
-            expect(mockIconBeta).not.toHaveBeenCalled();
-        });
-        it("does not render beta indicator when isBeta is false", () => {
-            mockIconBeta.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isBeta: false }));
-            expect(react_1.screen.getByText("Test Link")).toBeInTheDocument();
-            // Check that beta icon component is not called
-            expect(mockIconBeta).not.toHaveBeenCalled();
-        });
-        it("renders counter when not collapsed", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", counter: "5" }));
-            expect(react_1.screen.getByText("5")).toBeInTheDocument();
-        });
-    });
-    describe("Button NavItem", () => {
-        it("renders button nav item with title", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button" }));
-            expect(react_1.screen.getByText("Test Button")).toBeInTheDocument();
-            expect(react_1.screen.getByRole("menuitem")).toBeInTheDocument();
-        });
-        it("calls onClick when button is clicked", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button" }));
-            react_1.fireEvent.click(react_1.screen.getByRole("menuitem"));
-            expect(onClick).toHaveBeenCalledTimes(1);
-        });
-        it("renders collapsed button nav item", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button", collapsed: true, primaryIcon: MockIcon }));
-            // In collapsed mode, the title should be in tooltip content
-            const tooltipContent = react_1.screen.getByTestId("tooltip-content");
-            expect(tooltipContent).toHaveTextContent("Test Button");
-            // The MockIcon should have been called
-            expect(MockIcon).toHaveBeenCalled();
-        });
-        it("wraps collapsed button in tooltip with title", () => {
-            mockTooltip.mockClear();
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button", collapsed: true, primaryIcon: MockIcon }));
-            // Tooltip should be called when collapsed
-            expect(mockTooltip).toHaveBeenCalled();
-            // Check that tooltip receives the title as children
-            const tooltipCall = mockTooltip.mock.calls[0][0];
-            expect(tooltipCall.children).toBe("Test Button");
-            // Check that tooltip trigger contains a button
-            expect(react_1.screen.getByRole("menuitem")).toBeInTheDocument();
-        });
-        it("does not wrap expanded button in tooltip", () => {
-            mockTooltip.mockClear();
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button", primaryIcon: MockIcon }));
-            // Tooltip should not be called when not collapsed
-            expect(mockTooltip).not.toHaveBeenCalled();
-            // Button should be rendered directly
-            expect(react_1.screen.getByRole("menuitem")).toBeInTheDocument();
-        });
-        it("wraps collapsed button with nested items in tooltip", () => {
-            mockTooltip.mockClear();
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", collapsed: true, primaryIcon: MockIcon, children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1" }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child2", title: "Child 2" })] }));
-            // Tooltip should be called when collapsed even with nested items
-            expect(mockTooltip).toHaveBeenCalled();
-            // Check that tooltip receives the title as children
-            const tooltipCall = mockTooltip.mock.calls[0][0];
-            expect(tooltipCall.children).toBe("Parent Button");
-            // Check that tooltip trigger contains a button
-            expect(react_1.screen.getByRole("menuitem")).toBeInTheDocument();
-        });
-        it("renders active button nav item", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button", active: true }));
-            expect(react_1.screen.getByRole("menuitem")).toHaveClass("zen-nav-item--active");
-        });
-        it("renders beta indicator when not collapsed", () => {
-            mockIconBeta.mockClear();
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button", isBeta: true }));
-            expect(react_1.screen.getByText("Test Button")).toBeInTheDocument();
-            // Check that beta icon component is called
-            expect(mockIconBeta).toHaveBeenCalled();
-        });
-        it("does not render beta indicator when collapsed", () => {
-            mockIconBeta.mockClear();
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button", isBeta: true, collapsed: true, primaryIcon: MockIcon }));
-            // In collapsed mode, title is in tooltip
-            const tooltipContent = react_1.screen.getByTestId("tooltip-content");
-            expect(tooltipContent).toHaveTextContent("Test Button");
-            // Check that beta icon component is not called when collapsed
-            expect(mockIconBeta).not.toHaveBeenCalled();
-        });
-        it("renders nested children in menu", () => {
-            const onClick = jest.fn();
-            mockIconChevronRight.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1" }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child2", title: "Child 2" })] }));
-            // Parent should be rendered
-            expect(react_1.screen.getByText("Parent Button")).toBeInTheDocument();
-            const parentButton = react_1.screen.getByRole("menuitem");
-            expect(parentButton).toHaveClass("zen-nav-item--has-nested");
-            // Chevron icon should be rendered for items with nested children
-            expect(mockIconChevronRight).toHaveBeenCalled();
-            // Children should not be initially visible (menu is closed)
-            expect(react_1.screen.queryByText("Child 1")).not.toBeInTheDocument();
-            expect(react_1.screen.queryByText("Child 2")).not.toBeInTheDocument();
-        });
-        it("opens menu and shows children when parent button is clicked", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1" }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child2", title: "Child 2" })] }));
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // onClick should not be called when there are nested items
-            expect(onClick).not.toHaveBeenCalled();
-            // Children should now be visible in the menu
-            expect(react_1.screen.getByText("Child 1")).toBeInTheDocument();
-            expect(react_1.screen.getByText("Child 2")).toBeInTheDocument();
-        });
-        it("applies active class when button has nested items and menu is open", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1" }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child2", title: "Child 2" })] }));
-            const parentButton = react_1.screen.getByRole("menuitem");
-            // Initially, button should have has-nested class but not active class from menu state
-            expect(parentButton).toHaveClass("zen-nav-item--has-nested");
-            expect(parentButton).not.toHaveClass("zen-nav-item--active");
-            // Click to open menu
-            react_1.fireEvent.click(parentButton);
-            // After clicking, button should have both has-nested and active classes
-            expect(parentButton).toHaveClass("zen-nav-item--has-nested");
-            expect(parentButton).toHaveClass("zen-nav-item--active");
-        });
-        it("supports unlimited nested children with multiple levels", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1" }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: () => { }, title: "Child 2 with nested", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/grandchild", title: "Grandchild" }) })] }));
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // First level children should be visible
-            expect(react_1.screen.getByText("Child 1")).toBeInTheDocument();
-            expect(react_1.screen.getByText("Child 2 with nested")).toBeInTheDocument();
-            // Child 2 should show chevron icon indicating it has nested items
-            const child2Button = react_1.screen.getByText("Child 2 with nested").closest("button");
-            expect(child2Button).toHaveClass("zen-nav-item--has-nested");
-        });
-        it("handles mixed link and button children", () => {
-            const onClick = jest.fn();
-            const childButtonClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child-link", title: "Child Link" }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: childButtonClick, title: "Child Button" })] }));
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // Both types of children should be rendered
-            expect(react_1.screen.getByText("Child Link")).toBeInTheDocument();
-            expect(react_1.screen.getByText("Child Button")).toBeInTheDocument();
-            // Child link should be a link
-            expect(react_1.screen.getByText("Child Link").closest("a")).toHaveAttribute("href", "/child-link");
-            // Child button should be a button and clickable
-            const childButton = react_1.screen.getByText("Child Button").closest("button");
-            expect(childButton).toBeInTheDocument();
-            if (childButton) {
-                react_1.fireEvent.click(childButton);
-            }
-            expect(childButtonClick).toHaveBeenCalledTimes(1);
-        });
-        it("does not call onClick when button has children and is clicked", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // onClick should not be called because the button has children
-            expect(onClick).not.toHaveBeenCalled();
-        });
-        it("calls onClick when button has no children", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Button Without Children" }));
-            const button = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(button);
-            // onClick should be called because the button has no children
-            expect(onClick).toHaveBeenCalledTimes(1);
-        });
-        it("handles empty children gracefully", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", children: [null, undefined, false] }));
-            const button = react_1.screen.getByRole("menuitem");
-            // Should not have nested class since there are no valid children
-            expect(button).not.toHaveClass("zen-nav-item--has-nested");
-            react_1.fireEvent.click(button);
-            // Should call onClick since there are no valid children
-            expect(onClick).toHaveBeenCalledTimes(1);
-        });
-        it("supports deeply nested structure with unlimited levels", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Level 0", children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: () => { }, title: "Level 1 Item 1", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: () => { }, title: "Level 2 Item 1", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/level3", title: "Level 3 Item" }) }) }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/level1-direct", title: "Level 1 Item 2" })] }));
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // Level 1 items should be visible
-            expect(react_1.screen.getByText("Level 1 Item 1")).toBeInTheDocument();
-            expect(react_1.screen.getByText("Level 1 Item 2")).toBeInTheDocument();
-            // Level 1 Item 1 should have nested indicator
-            const level1Button = react_1.screen.getByText("Level 1 Item 1").closest("button");
-            expect(level1Button).toHaveClass("zen-nav-item--has-nested");
-        });
-        it("closes menu and calls onClick when clicking on nested button item", () => {
-            const parentClick = jest.fn();
-            const childClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: parentClick, title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: childClick, title: "Child Button" }) }));
-            // Open the menu
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // Click on the child button
-            const childButton = react_1.screen.getByText("Child Button").closest("button");
-            expect(childButton).toBeInTheDocument();
-            if (childButton) {
-                react_1.fireEvent.click(childButton);
-            }
-            // Child click should be called
-            expect(childClick).toHaveBeenCalledTimes(1);
-            // Parent click should not be called
-            expect(parentClick).not.toHaveBeenCalled();
-        });
-        it("does not call onClick when clicking on nested link item", () => {
-            const parentClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: parentClick, title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child Link" }) }));
-            // Open the menu
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // Click on the child link
-            const childLink = react_1.screen.getByText("Child Link").closest("a");
-            expect(childLink).toBeInTheDocument();
-            if (childLink) {
-                react_1.fireEvent.click(childLink);
-            }
-            // Parent click should not be called for link items
-            expect(parentClick).not.toHaveBeenCalled();
-        });
-    });
-    describe("Nested NavItems", () => {
-        it("correctly identifies when button has nested items and shows chevron icon", () => {
-            mockIconChevronRight.mockClear();
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            const button = react_1.screen.getByRole("menuitem");
-            expect(button).toHaveClass("zen-nav-item--has-nested");
-            // Chevron icon should be rendered for items with nested children
-            expect(mockIconChevronRight).toHaveBeenCalled();
-        });
-        it("correctly identifies when button has no nested items and does not show chevron icon", () => {
-            mockIconChevronRight.mockClear();
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Parent" }));
-            const button = react_1.screen.getByRole("menuitem");
-            expect(button).not.toHaveClass("zen-nav-item--has-nested");
-            // Chevron icon should not be rendered
-            expect(mockIconChevronRight).not.toHaveBeenCalled();
-        });
-        it("does not show chevron icon when collapsed (even with nested children)", () => {
-            mockIconChevronRight.mockClear();
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Parent", collapsed: true, primaryIcon: MockIcon, children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            const button = react_1.screen.getByRole("menuitem");
-            expect(button).toHaveClass("zen-nav-item--has-nested");
-            // Chevron icon should not be rendered when collapsed
-            expect(mockIconChevronRight).not.toHaveBeenCalled();
-        });
-        it("preserves child props including children for unlimited nesting", () => {
-            const onClick = jest.fn();
-            const childClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: childClick, title: "Child with Props", className: "custom-child-class", active: true, isBeta: true, children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/nested", title: "Nested Item" }) }) }));
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // Child should be rendered with its props intact
-            expect(react_1.screen.getByText("Child with Props")).toBeInTheDocument();
-            const childButton = react_1.screen.getByText("Child with Props").closest("button");
-            expect(childButton).toHaveClass("custom-child-class");
-            expect(childButton).toHaveClass("zen-nav-item--active");
-            expect(childButton).toHaveClass("zen-nav-item--has-nested");
-            // Child should open submenu instead of calling onClick when it has children
-            if (childButton) {
-                react_1.fireEvent.click(childButton);
-            }
-            expect(childClick).not.toHaveBeenCalled();
-            // Nested item should now be visible
-            expect(react_1.screen.getByText("Nested Item")).toBeInTheDocument();
-        });
-        it("handles single child correctly", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/single-child", title: "Single Child" }) }));
-            const parentButton = react_1.screen.getByRole("menuitem");
-            expect(parentButton).toHaveClass("zen-nav-item--has-nested");
-            react_1.fireEvent.click(parentButton);
-            expect(react_1.screen.getByText("Single Child")).toBeInTheDocument();
-        });
-        it("handles multiple levels of button nesting with unlimited depth", () => {
-            const onClick = jest.fn();
-            const level1Click = jest.fn();
-            const level2Click = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Level 0", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: level1Click, title: "Level 1", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: level2Click, title: "Level 2", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/level3", title: "Level 3" }) }) }) }));
-            const level0Button = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(level0Button);
-            // Level 1 should be visible and should have nested indicator
-            expect(react_1.screen.getByText("Level 1")).toBeInTheDocument();
-            const level1Button = react_1.screen.getByText("Level 1").closest("button");
-            expect(level1Button).toHaveClass("zen-nav-item--has-nested");
-            // Clicking level 1 should open its submenu, not call onClick when it has children
-            if (level1Button) {
-                react_1.fireEvent.click(level1Button);
-            }
-            expect(level1Click).not.toHaveBeenCalled();
-            // Level 2 should now be visible
-            expect(react_1.screen.getByText("Level 2")).toBeInTheDocument();
-        });
-        it("uses default menu alignment when not specified", () => {
-            mockControlledMenu.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            // Open the menu
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // Verify ControlledMenu was called with default alignment and isOpen: true
-            const calls = mockControlledMenu.mock.calls;
-            const hasOpenCall = calls.some(call => call[0].alignment === "right-top" && call[0].isOpen);
-            expect(hasOpenCall).toBe(true);
-        });
-        it("applies custom menu alignment when specified", () => {
-            mockControlledMenu.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", menuAlignment: "left-bottom", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            // Open the menu
-            const parentButton = react_1.screen.getByRole("menuitem");
-            react_1.fireEvent.click(parentButton);
-            // Verify ControlledMenu was called with custom alignment and isOpen: true
-            const calls = mockControlledMenu.mock.calls;
-            const hasOpenCall = calls.some(call => call[0].alignment === "left-bottom" && call[0].isOpen);
-            expect(hasOpenCall).toBe(true);
-        });
-        it("passes multiple alignment options correctly", () => {
-            const alignments = ["right-top", "right-bottom", "left-top", "left-bottom"];
-            alignments.forEach(alignment => {
-                mockControlledMenu.mockClear();
-                const { unmount } = (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", menuAlignment: alignment, children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-                // Open the menu
-                const parentButton = react_1.screen.getByRole("menuitem");
-                react_1.fireEvent.click(parentButton);
-                // Verify ControlledMenu was called with the specific alignment and isOpen: true
-                const calls = mockControlledMenu.mock.calls;
-                const hasOpenCall = calls.some(call => call[0].alignment === alignment && call[0].isOpen);
-                expect(hasOpenCall).toBe(true);
-                unmount();
-            });
-        });
-        it("opens menu with ArrowRight keyboard navigation", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            // Menu should not be visible initially
-            expect(react_1.screen.queryByRole("menu")).not.toBeInTheDocument();
-            // Press ArrowRight to open menu
-            react_1.fireEvent.keyDown(parentButton, { key: "ArrowRight" });
-            // Menu should now be visible
-            const menu = react_1.screen.getByRole("menu");
-            expect(menu).toBeInTheDocument();
-            expect(react_1.screen.getByText("Child")).toBeInTheDocument();
-        });
-        it("toggles menu with ArrowRight keyboard navigation", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            // Open menu with ArrowRight
-            react_1.fireEvent.keyDown(parentButton, { key: "ArrowRight" });
-            expect(react_1.screen.getByRole("menu")).toBeInTheDocument();
-            // Press ArrowRight again to close menu
-            react_1.fireEvent.keyDown(parentButton, { key: "ArrowRight" });
-            expect(react_1.screen.queryByRole("menu")).not.toBeInTheDocument();
-        });
-        it("does not open menu with other keys", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            // Try various keys that should not open the menu
-            react_1.fireEvent.keyDown(parentButton, { key: "Enter" });
-            expect(react_1.screen.queryByRole("menu")).not.toBeInTheDocument();
-            react_1.fireEvent.keyDown(parentButton, { key: "Space" });
-            expect(react_1.screen.queryByRole("menu")).not.toBeInTheDocument();
-            react_1.fireEvent.keyDown(parentButton, { key: "ArrowDown" });
-            expect(react_1.screen.queryByRole("menu")).not.toBeInTheDocument();
-            react_1.fireEvent.keyDown(parentButton, { key: "ArrowLeft" });
-            expect(react_1.screen.queryByRole("menu")).not.toBeInTheDocument();
-            // Only ArrowRight should work
-            react_1.fireEvent.keyDown(parentButton, { key: "ArrowRight" });
-            expect(react_1.screen.getByRole("menu")).toBeInTheDocument();
-        });
-        it("does not respond to ArrowRight if item has no nested children", () => {
-            const onClick = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "No Children" }));
-            const button = react_1.screen.getByRole("menuitem");
-            // ArrowRight should not do anything
-            react_1.fireEvent.keyDown(button, { key: "ArrowRight" });
-            // No menu should appear
-            expect(react_1.screen.queryByRole("menu")).not.toBeInTheDocument();
-            // onClick should not be triggered by keyboard navigation
-            expect(onClick).not.toHaveBeenCalled();
-        });
-    });
-    describe("NavItem props handling", () => {
-        it("applies custom className", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test", className: "custom-class" }));
-            expect(react_1.screen.getByRole("menuitem")).toHaveClass("custom-class");
-        });
-        it("renders primary and secondary icons when not collapsed", () => {
-            MockIcon.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test", primaryIcon: MockIcon, secondaryIcon: MockIcon }));
-            // Both primary and secondary icons should be called
-            expect(MockIcon).toHaveBeenCalledTimes(2);
-        });
-        it("renders collapsed item without primary icon", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test", collapsed: true }));
-            // In collapsed mode, title is in tooltip
-            const tooltipContent = react_1.screen.getByTestId("tooltip-content");
-            expect(tooltipContent).toHaveTextContent("Test");
-        });
-        it("renders custom ReactNode as PrimaryIcon", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { primaryIcon: (0, jsx_runtime_1.jsx)("p", { children: "Custom node" }), link: "/test", title: "Test", collapsed: true }));
-            expect(react_1.screen.queryByText("Custom node")).toBeInTheDocument();
-        });
-        it("always renders title attribute on link items", () => {
-            const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link" }));
-            const link = react_1.screen.getByRole("menuitem");
-            expect(link).toHaveAttribute("title", "Test Link");
-            expect(link).toHaveAttribute("aria-label", "Test Link");
-            // Also when collapsed
-            rerender((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", collapsed: true, primaryIcon: MockIcon }));
-            const collapsedLink = react_1.screen.getByRole("menuitem");
-            expect(collapsedLink).toHaveAttribute("title", "Test Link");
-            expect(collapsedLink).toHaveAttribute("aria-label", "Test Link");
-        });
-        it("always renders title attribute on button items", () => {
-            const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Test Button" }));
-            const button = react_1.screen.getByRole("menuitem");
-            expect(button).toHaveAttribute("title", "Test Button");
-            expect(button).toHaveAttribute("aria-label", "Test Button");
-            // Also when collapsed
-            rerender((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Test Button", collapsed: true, primaryIcon: MockIcon }));
-            const collapsedButton = react_1.screen.getByRole("menuitem");
-            expect(collapsedButton).toHaveAttribute("title", "Test Button");
-            expect(collapsedButton).toHaveAttribute("aria-label", "Test Button");
-        });
-    });
-    describe("NavItem Context and Levels", () => {
-        it("uses smaller icon size for level 2 items", () => {
-            MockIcon.mockClear();
-            // Level 1 item (default) - should use "huge" size
-            const { unmount } = (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 1", primaryIcon: MockIcon }));
-            expect(MockIcon).toHaveBeenCalled();
-            expect(MockIcon.mock.calls[0][0]).toMatchObject({ size: "huge" });
-            MockIcon.mockClear();
-            unmount();
-            // Level 2 item - should use "large" size
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", primaryIcon: MockIcon, children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child", primaryIcon: MockIcon }) }));
-            // Open menu to render child
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            react_1.fireEvent.click(parentButton);
-            // Child icon should use "large" size for level 2
-            const calls = MockIcon.mock.calls;
-            const level2Call = calls.find(call => call[0]?.size === "large");
-            expect(level2Call).toBeDefined();
-        });
-        it("applies dynamic level classes to nested items", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child", className: "custom-child-class" }) }));
-            // Open menu
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            react_1.fireEvent.click(parentButton);
-            const child = react_1.screen.getByRole("menuitem", { name: "Child" });
-            expect(child).toHaveClass("zen-nav-item--level-2");
-            expect(child).toHaveClass("custom-child-class");
-        });
-        it("applies dynamic popup class based on nesting level", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child" }) }));
-            // Open menu
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            react_1.fireEvent.click(parentButton);
-            const menu = react_1.screen.getByRole("menu");
-            expect(menu).toHaveClass("zen-nav-l2-popup");
-        });
-        it("propagates parent level through NavItemContext", () => {
-            MockIcon.mockClear();
-            // Parent at level 1, child should be level 2
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", primaryIcon: MockIcon, children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child", title: "Child", primaryIcon: MockIcon }) }));
-            // Open menu
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            react_1.fireEvent.click(parentButton);
-            // Parent should use "huge" icon, child should use "large"
-            const parentCalls = MockIcon.mock.calls.filter(call => call[0]?.size === "huge");
-            const childCalls = MockIcon.mock.calls.filter(call => call[0]?.size === "large");
-            expect(parentCalls.length).toBeGreaterThan(0);
-            expect(childCalls.length).toBeGreaterThan(0);
-        });
-        it("uses correct icon size for deeply nested items at multiple levels", () => {
-            MockIcon.mockClear();
-            // Create nested structure
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 1", primaryIcon: MockIcon, children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 2", primaryIcon: MockIcon, children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/level3", title: "Level 3", primaryIcon: MockIcon }) }) }));
-            // Open level 1 menu
-            const level1Button = react_1.screen.getByRole("menuitem", { name: "Level 1" });
-            react_1.fireEvent.click(level1Button);
-            // Level 2 items should use "large" icon and have nested indicator
-            const level2Button = react_1.screen.getByRole("menuitem", { name: "Level 2" });
-            expect(level2Button).toBeInTheDocument();
-            expect(level2Button).toHaveClass("zen-nav-item--has-nested");
-            // Verify level 2 has large icons
-            const largeCalls = MockIcon.mock.calls.filter(call => call[0]?.size === "large");
-            expect(largeCalls.length).toBeGreaterThan(0);
-        });
-        it("applies level-2 class to all direct children", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1" }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Child 2" }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child3", title: "Child 3", className: "custom" })] }));
-            // Open menu
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            react_1.fireEvent.click(parentButton);
-            // All children should have level-2 class
-            const child1 = react_1.screen.getByRole("menuitem", { name: "Child 1" });
-            const child2 = react_1.screen.getByRole("menuitem", { name: "Child 2" });
-            const child3 = react_1.screen.getByRole("menuitem", { name: "Child 3" });
-            expect(child1).toHaveClass("zen-nav-item--level-2");
-            expect(child2).toHaveClass("zen-nav-item--level-2");
-            expect(child3).toHaveClass("zen-nav-item--level-2");
-            expect(child3).toHaveClass("custom");
-        });
-        it("supports third-level nesting and beyond", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 1", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 2", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 3", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/level4", title: "Level 4" }) }) }) }));
-            // Open level 1
-            const level1Button = react_1.screen.getByRole("menuitem", { name: "Level 1" });
-            react_1.fireEvent.click(level1Button);
-            expect(react_1.screen.getByText("Level 2")).toBeInTheDocument();
-            // Open level 2
-            const level2Button = react_1.screen.getByText("Level 2").closest("button");
-            if (level2Button) {
-                react_1.fireEvent.click(level2Button);
-            }
-            expect(react_1.screen.getByText("Level 3")).toBeInTheDocument();
-            // Verify level 3 has nested indicator
-            const level3Button = react_1.screen.getByText("Level 3").closest("button");
-            expect(level3Button).toHaveClass("zen-nav-item--has-nested");
-            expect(level3Button).toHaveClass("zen-nav-item--level-3");
-        });
-        it("applies correct level classes for three-level nesting", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 1", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 2", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/level3", title: "Level 3" }) }) }));
-            // Open level 1
-            const level1Button = react_1.screen.getByRole("menuitem", { name: "Level 1" });
-            react_1.fireEvent.click(level1Button);
-            // Check level 2 has correct class
-            const level2Button = react_1.screen.getByText("Level 2").closest("button");
-            expect(level2Button).toHaveClass("zen-nav-item--level-2");
-            // Open level 2
-            if (level2Button) {
-                react_1.fireEvent.click(level2Button);
-            }
-            // Check level 3 has correct class
-            const level3Link = react_1.screen.getByText("Level 3").closest("a");
-            expect(level3Link).toHaveClass("zen-nav-item--level-3");
-        });
-        it("applies correct popup classes for each nesting level", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 1", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: jest.fn(), title: "Level 2", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/level3", title: "Level 3" }) }) }));
-            // Open level 1
-            const level1Button = react_1.screen.getByRole("menuitem", { name: "Level 1" });
-            react_1.fireEvent.click(level1Button);
-            // Level 2 popup should have l2-popup class
-            const menu = react_1.screen.getByRole("menu");
-            expect(menu).toHaveClass("zen-nav-l2-popup");
-            // Open level 2
-            const level2Button = react_1.screen.getByText("Level 2").closest("button");
-            if (level2Button) {
-                react_1.fireEvent.click(level2Button);
-            }
-            // Level 3 popup should have l3-popup class
-            const menus = react_1.screen.getAllByRole("menu");
-            const level3Menu = menus.find(m => m.classList.contains("zen-nav-l3-popup"));
-            expect(level3Menu).toBeDefined();
-        });
-        it("maintains icon size consistency across multiple nested items", () => {
-            MockIcon.mockClear();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: jest.fn(), title: "Parent", primaryIcon: MockIcon, children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1", primaryIcon: MockIcon }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child2", title: "Child 2", primaryIcon: MockIcon }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child3", title: "Child 3", primaryIcon: MockIcon })] }));
-            // Open menu
-            const parentButton = react_1.screen.getByRole("menuitem", { name: "Parent" });
-            react_1.fireEvent.click(parentButton);
-            // All child icons should be "large" size
-            const largeCalls = MockIcon.mock.calls.filter(call => call[0]?.size === "large");
-            expect(largeCalls.length).toBe(3); // 3 children with large icons
-        });
-    });
-    describe("Accessibility", () => {
-        it("meets accessibility standards for link nav item", async () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", primaryIcon: MockIcon }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for button nav item", async () => {
-            const onClick = jest.fn();
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button", primaryIcon: MockIcon }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for collapsed link nav item", async () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", collapsed: true, primaryIcon: MockIcon }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for collapsed button nav item", async () => {
-            const onClick = jest.fn();
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { onClick: onClick, title: "Test Button", collapsed: true, primaryIcon: MockIcon }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for active nav item", async () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", active: true, primaryIcon: MockIcon }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for nav item with counter", async () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", counter: "5", primaryIcon: MockIcon }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for nav item with beta indicator", async () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isBeta: true, primaryIcon: MockIcon }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for outer link nav item", async () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/test", title: "Test Link", isExternalLink: true, primaryIcon: MockIcon }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for button nav item with nested children", async () => {
-            const onClick = jest.fn();
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", primaryIcon: MockIcon, children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1", primaryIcon: MockIcon }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child2", title: "Child 2", primaryIcon: MockIcon })] }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-        it("meets accessibility standards for collapsed button with nested children", async () => {
-            const onClick = jest.fn();
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)("div", { role: "menu", children: (0, jsx_runtime_1.jsxs)(navItem_1.NavItem, { onClick: onClick, title: "Parent Button", collapsed: true, primaryIcon: MockIcon, children: [(0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child1", title: "Child 1", primaryIcon: MockIcon }), (0, jsx_runtime_1.jsx)(navItem_1.NavItem, { link: "/child2", title: "Child 2", primaryIcon: MockIcon })] }) }));
-            await expect(container).toBeAccessible();
-        }, 10000);
-    });
-});
-//# sourceMappingURL=navItem.test.js.map