@instructure/ui-top-nav-bar 10.2.3-snapshot-13 → 10.2.3-snapshot-15

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.2.3-snapshot-13](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-13) (2024-10-02)
+## [10.2.3-snapshot-15](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-15) (2024-10-03)
 
 **Note:** Version bump only for package @instructure/ui-top-nav-bar
 

package/es/TopNavBar/TopNavBarActionItems/__new-tests__/TopNavBarActionItems.test.js

@@ -76,7 +76,7 @@ describe('<TopNavBarActionItems />', () => {
     });
     it('in smallViewport mode', () => {
       const elementRef = vi.fn();
-      const _render4 = render( /*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
+      const _render4 = render(/*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
           actionItemsCount: 6,
           actionItemsProps: {
             elementRef
@@ -100,7 +100,7 @@ describe('<TopNavBarActionItems />', () => {
       expect(actionItems).toHaveAttribute('aria-label', 'Test label');
     });
     it('in smallViewport mode', () => {
-      const _render6 = render( /*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
+      const _render6 = render(/*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
           actionItemsProps: {
             listLabel: 'Test label'
           }
@@ -130,7 +130,7 @@ describe('<TopNavBarActionItems />', () => {
     });
     describe('in smallViewport mode', () => {
       it('should render as TruncateList', () => {
-        const _render8 = render( /*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
+        const _render8 = render(/*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
             actionItemsCount: 6
           }))),
           container = _render8.container;
@@ -173,7 +173,7 @@ describe('<TopNavBarActionItems />', () => {
       // })
 
       it('should truncate the end of the list', () => {
-        const _render9 = render( /*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, /*#__PURE__*/React.createElement("div", {
+        const _render9 = render(/*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, /*#__PURE__*/React.createElement("div", {
             style: {
               width: '400px'
             }
@@ -235,7 +235,7 @@ describe('<TopNavBarActionItems />', () => {
       expect(consoleWarningMock).toHaveBeenCalledWith(expect.stringContaining(expectedErrorMessage), expect.any(String));
     });
     it('should render items without icons in smallViewport mode', () => {
-      const _render10 = render( /*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
+      const _render10 = render(/*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
           actionItemsCount: 6,
           actionItemsItemProps: id => id === 'Search' ? {
             renderIcon: void 0,
@@ -251,7 +251,7 @@ describe('<TopNavBarActionItems />', () => {
       expect(consoleErrorMock).toHaveBeenCalledWith(expect.stringContaining(expectedErrorMessage), expect.any(String));
     });
     it('should be converted to icon variant in smallViewport mode', () => {
-      const _render11 = render( /*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
+      const _render11 = render(/*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, getActionItems({
           actionItemsCount: 1,
           actionItemsItemProps: {
             variant: 'button'

package/es/TopNavBar/TopNavBarBreadcrumb/__new-tests__/TopNavBarBreadcrumb.test.js

@@ -118,7 +118,7 @@ describe('<TopNavBarBreadcrumb />', () => {
   });
   it('should fire onClick', () => {
     const onClick = vi.fn();
-    const _render4 = render( /*#__PURE__*/React.createElement(BaseExample, {
+    const _render4 = render(/*#__PURE__*/React.createElement(BaseExample, {
         inverseColor: true,
         layout: "desktop",
         onClick: onClick

package/es/TopNavBar/TopNavBarItem/__new-tests__/TopNavBarItem.test.js

@@ -312,7 +312,7 @@ describe('<TopNavBarItem />', () => {
       // })
 
       it('should have either string type "children" or "avatarAlt"', () => {
-        render( /*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, /*#__PURE__*/React.createElement(TopNavBarItem, {
+        render(/*#__PURE__*/React.createElement(SmallViewportModeWrapper, null, /*#__PURE__*/React.createElement(TopNavBarItem, {
           id: "item",
           variant: "avatar",
           renderAvatar: {
@@ -379,7 +379,7 @@ describe('<TopNavBarItem />', () => {
       variants.forEach(variant => {
         const isDefaultVariant = variant === 'default';
         it(`should be${!isDefaultVariant ? ' not' : ''} allowed for "${variant}" variant items`, () => {
-          render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+          render(/*#__PURE__*/React.createElement(TopNavBarItem, {
             id: "item",
             variant: variant,
             status: "active",
@@ -420,7 +420,7 @@ describe('<TopNavBarItem />', () => {
     describe('with "disabled" status', () => {
       variants.forEach(variant => {
         it(`should be set to disabled for "${variant}" variant items`, () => {
-          const _render9 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+          const _render9 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
               id: "item",
               variant: variant,
               status: "disabled",
@@ -496,7 +496,7 @@ describe('<TopNavBarItem />', () => {
       });
     });
     it('should throw warning about controlled Drilldown', () => {
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         renderSubmenu: /*#__PURE__*/React.createElement(Drilldown, {
           rootPageId: "root",
@@ -559,7 +559,7 @@ describe('<TopNavBarItem />', () => {
   });
   describe('customPopoverConfig prop', () => {
     it('should render popover', async () => {
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         customPopoverConfig: getCustomPopoverConfig(false, {
           isShowingContent: void 0,
@@ -578,7 +578,7 @@ describe('<TopNavBarItem />', () => {
       expect(popoverContent).toBeInTheDocument();
     });
     it('should throw error when passed to item with submenu', () => {
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         renderSubmenu: itemSubmenuExample,
         customPopoverConfig: getCustomPopoverConfig()
@@ -590,7 +590,7 @@ describe('<TopNavBarItem />', () => {
       expect(consoleWarningMock).toHaveBeenCalledWith(expect.stringContaining(expectedErrorMessage), expect.any(String));
     });
     it('should throw warning when no content is passed', () => {
-      const _render14 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      const _render14 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
           id: "item",
           customPopoverConfig: getCustomPopoverConfig(false, {
             children: null
@@ -603,7 +603,7 @@ describe('<TopNavBarItem />', () => {
       expect(consoleWarningMock).toHaveBeenCalledWith(expect.stringContaining(expectedErrorMessage), expect.any(String));
     });
     it('should throw warning when renderTrigger is passed in the config', () => {
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         customPopoverConfig: getCustomPopoverConfig(false, {
           // @ts-expect-error Intentionally wrong
@@ -615,7 +615,7 @@ describe('<TopNavBarItem />', () => {
     });
     describe('should not put aria-expanded on the popover trigger, just the button', () => {
       it('when popover `shouldContainFocus="true"`', async () => {
-        const _render15 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+        const _render15 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
             id: "item",
             customPopoverConfig: getCustomPopoverConfig(false, {
               shouldContainFocus: true,
@@ -647,7 +647,7 @@ describe('<TopNavBarItem />', () => {
         });
       });
       it('when popover `shouldContainFocus="false"`', async () => {
-        const _render16 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+        const _render16 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
             id: "item",
             customPopoverConfig: getCustomPopoverConfig(false, {
               shouldContainFocus: false,
@@ -680,7 +680,7 @@ describe('<TopNavBarItem />', () => {
       });
     });
     it('should open on ArrowDown', async () => {
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         customPopoverConfig: getCustomPopoverConfig(false, {
           isShowingContent: void 0,
@@ -725,7 +725,7 @@ describe('<TopNavBarItem />', () => {
         }
       }
       ControlledExample.displayName = "ControlledExample";
-      render( /*#__PURE__*/React.createElement(ControlledExample, null));
+      render(/*#__PURE__*/React.createElement(ControlledExample, null));
       const popoverContentInitial = screen.queryByText('dialog content');
       const button = screen.getByRole('button');
       expect(popoverContentInitial).not.toBeInTheDocument();
@@ -767,7 +767,7 @@ describe('<TopNavBarItem />', () => {
         });
       });
       it('next to items with custom popover', async () => {
-        const _render19 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+        const _render19 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
             id: "item",
             customPopoverConfig: getCustomPopoverConfig(false, {
               isShowingContent: void 0,
@@ -787,7 +787,7 @@ describe('<TopNavBarItem />', () => {
       describe('should show for all variants:', () => {
         variants.forEach(variant => {
           it(`with "${variant}" variant`, async () => {
-            const _render20 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+            const _render20 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
                 id: "item",
                 variant: variant,
                 renderSubmenu: itemSubmenuExample,
@@ -825,7 +825,7 @@ describe('<TopNavBarItem />', () => {
         });
       });
       it('next to items with custom popover', async () => {
-        const _render22 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+        const _render22 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
             id: "item",
             showSubmenuChevron: false,
             customPopoverConfig: getCustomPopoverConfig(false, {
@@ -846,7 +846,7 @@ describe('<TopNavBarItem />', () => {
       describe('should show for all variants:', () => {
         variants.forEach(variant => {
           it(`with "${variant}" variant`, async () => {
-            const _render23 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+            const _render23 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
                 id: "item",
                 variant: variant,
                 showSubmenuChevron: false,
@@ -879,7 +879,7 @@ describe('<TopNavBarItem />', () => {
         expect(tooltip).toHaveTextContent('Tooltip content');
       });
       it('with config value', () => {
-        render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+        render(/*#__PURE__*/React.createElement(TopNavBarItem, {
           id: "item",
           tooltip: {
             renderTip: 'Tooltip config content'
@@ -909,7 +909,7 @@ describe('<TopNavBarItem />', () => {
       expect(submenu).toHaveAttribute('aria-haspopup', 'menu');
     });
     it('should be able to render with custom popover too', () => {
-      const _render25 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      const _render25 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
           id: "item",
           tooltip: "Tooltip content",
           customPopoverConfig: getCustomPopoverConfig()
@@ -967,7 +967,7 @@ describe('<TopNavBarItem />', () => {
   });
   describe('renderAvatar prop', () => {
     it('displays avatar', () => {
-      const _render26 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      const _render26 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
           id: "item",
           renderAvatar: {
             ...avatarExample,
@@ -985,7 +985,7 @@ describe('<TopNavBarItem />', () => {
       expect(button).toHaveTextContent('Menu Item');
     });
     it('display only the avatar in "avatar" variant', () => {
-      const _render27 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      const _render27 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
           id: "item",
           variant: "avatar",
           renderAvatar: {
@@ -1047,7 +1047,7 @@ describe('<TopNavBarItem />', () => {
         // )
       });
       it('when there is no string type "children" or "avatarAlt" passed', () => {
-        const _render31 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+        const _render31 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
             id: "item",
             renderAvatar: {
               ...avatarExample,
@@ -1179,7 +1179,7 @@ describe('<TopNavBarItem />', () => {
   });
   describe('onClick prop', () => {
     it('should render item as button', () => {
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         onClick: vi.fn()
       }, "Menu Item"));
@@ -1189,7 +1189,7 @@ describe('<TopNavBarItem />', () => {
     });
     it('should fire onClick on click', () => {
       const onClick = vi.fn();
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         onClick: onClick
       }, "Menu Item"));
@@ -1199,7 +1199,7 @@ describe('<TopNavBarItem />', () => {
     });
     it('should work combined with "href" prop', () => {
       const onClick = vi.fn();
-      const _render39 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      const _render39 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
           id: "item",
           onClick: onClick,
           href: "/#TopNavBar"
@@ -1211,7 +1211,7 @@ describe('<TopNavBarItem />', () => {
     });
     it('should not be allowed for items with submenu', () => {
       const onClick = vi.fn();
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         onClick: onClick,
         renderSubmenu: itemSubmenuExample
@@ -1226,7 +1226,7 @@ describe('<TopNavBarItem />', () => {
   describe('onSubmenuToggle prop', () => {
     it('should be called on submenu toggle', () => {
       const onSubmenuToggle = vi.fn();
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         onSubmenuToggle: onSubmenuToggle,
         renderSubmenu: itemSubmenuExample
@@ -1250,7 +1250,7 @@ describe('<TopNavBarItem />', () => {
     it('onMouseOver and onMouseOut should be called', () => {
       const onMouseOver = vi.fn();
       const onMouseOut = vi.fn();
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         onMouseOver: onMouseOver,
         onMouseOut: onMouseOut
@@ -1264,7 +1264,7 @@ describe('<TopNavBarItem />', () => {
     it('onFocus and onBlur should be called', () => {
       const onFocus = vi.fn();
       const onBlur = vi.fn();
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         onFocus: onFocus,
         onBlur: onBlur
@@ -1278,7 +1278,7 @@ describe('<TopNavBarItem />', () => {
     it('onKeyDown and onKeyUp should be called', () => {
       const onKeyDown = vi.fn();
       const onKeyUp = vi.fn();
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         onKeyDown: onKeyDown,
         onKeyUp: onKeyUp
@@ -1297,7 +1297,7 @@ describe('<TopNavBarItem />', () => {
   describe('refs', () => {
     it('elementRef should return root element', () => {
       const elementRef = vi.fn();
-      const _render40 = render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      const _render40 = render(/*#__PURE__*/React.createElement(TopNavBarItem, {
           id: "item",
           elementRef: elementRef
         }, "Menu Item")),
@@ -1307,7 +1307,7 @@ describe('<TopNavBarItem />', () => {
     });
     it('itemRef should return the button element', () => {
       const itemRef = vi.fn();
-      render( /*#__PURE__*/React.createElement(TopNavBarItem, {
+      render(/*#__PURE__*/React.createElement(TopNavBarItem, {
         id: "item",
         itemRef: itemRef
       }, "Menu Item"));

package/es/TopNavBar/TopNavBarLayout/DesktopLayout/__new-tests__/TopNavBarDesktopLayout.test.js

@@ -50,7 +50,7 @@ describe('<TopNavBarDesktopLayout />', () => {
   });
   describe('renderBreadcrumb', () => {
     it('should render breadcrumb container', () => {
-      const _render = render( /*#__PURE__*/React.createElement(TopNavBarContext.Provider, {
+      const _render = render(/*#__PURE__*/React.createElement(TopNavBarContext.Provider, {
           value: {
             layout: 'desktop',
             inverseColor: true
@@ -72,7 +72,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(crumb3).toBeVisible();
     });
     it('should not render breadcrumb if inverseColor is false', () => {
-      const _render2 = render( /*#__PURE__*/React.createElement(TopNavBarContext.Provider, {
+      const _render2 = render(/*#__PURE__*/React.createElement(TopNavBarContext.Provider, {
           value: {
             layout: 'desktop',
             inverseColor: false
@@ -95,7 +95,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(consoleErrorMock.mock.calls[0][0]).toEqual('Warning: [TopNavBarBreadcrumb] If the inverseColor prop is not set to true, TopNavBarBreadcrumb fails to render.');
     });
     it('should not render breadcrumb if brand exists', () => {
-      const _render3 = render( /*#__PURE__*/React.createElement(TopNavBarContext.Provider, {
+      const _render3 = render(/*#__PURE__*/React.createElement(TopNavBarContext.Provider, {
           value: {
             layout: 'desktop',
             inverseColor: true
@@ -116,7 +116,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(crumb3).not.toBeInTheDocument();
     });
     it('should not render breadcrumb if menuitems exist', () => {
-      const _render4 = render( /*#__PURE__*/React.createElement(TopNavBarContext.Provider, {
+      const _render4 = render(/*#__PURE__*/React.createElement(TopNavBarContext.Provider, {
           value: {
             layout: 'desktop',
             inverseColor: true
@@ -139,7 +139,7 @@ describe('<TopNavBarDesktopLayout />', () => {
   });
   describe('renderBrand', () => {
     it('should render brand container', () => {
-      const _render5 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render5 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderBrand: getBrand()
         }))),
         container = _render5.container;
@@ -149,7 +149,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(brandNameText).toBeVisible();
     });
     it('should not render brand container, when there is no "renderBrand" prop set', () => {
-      const _render6 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render6 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderBrand: void 0
         }))),
         container = _render6.container;
@@ -159,7 +159,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(desktopLayout).not.toHaveTextContent('Brand name');
     });
     it('should not render brand container when "renderIcon" props is missing', () => {
-      const _render7 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render7 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderBrand: getBrand({
             brandProps: {
               renderIcon: void 0
@@ -174,7 +174,7 @@ describe('<TopNavBarDesktopLayout />', () => {
     });
     describe('start padding', () => {
       it('should be 0 when brand block is rendered', () => {
-        const _render8 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+        const _render8 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
             renderBrand: getBrand()
           }))),
           container = _render8.container;
@@ -188,7 +188,7 @@ describe('<TopNavBarDesktopLayout />', () => {
         expect(brandContainerStyle.paddingLeft).toBe('0px');
       });
       it('should be visible when brand block is not rendered', () => {
-        const _render9 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+        const _render9 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
             renderBrand: void 0
           }))),
           container = _render9.container;
@@ -207,7 +207,7 @@ describe('<TopNavBarDesktopLayout />', () => {
   });
   describe('renderMenuItems', () => {
     it('should render menu item container', () => {
-      const _render10 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render10 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderMenuItems: getMenuItems()
         }))),
         container = _render10.container;
@@ -218,7 +218,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(menuItem).toBeVisible();
     });
     it('should still render menu item container, when there is no "renderMenuItems" prop set', () => {
-      const _render11 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render11 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderMenuItems: void 0
         }))),
         container = _render11.container;
@@ -229,7 +229,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(container).not.toHaveTextContent('6 More');
     });
     it('should still render menu item container, when there are 0 menu items', () => {
-      const _render12 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render12 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderMenuItems: getMenuItems({
             menuItemsCount: 0
           })
@@ -244,7 +244,7 @@ describe('<TopNavBarDesktopLayout />', () => {
   });
   describe('renderActionItems', () => {
     it('should render action item container', () => {
-      const _render13 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render13 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderActionItems: getActionItems()
         }))),
         container = _render13.container;
@@ -253,7 +253,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(container).toHaveTextContent('6 More');
     });
     it('should not render action item container, when there is no "renderActionItems" prop set', () => {
-      const _render14 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render14 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderActionItems: void 0
         }))),
         container = _render14.container;
@@ -261,7 +261,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(actionItemsContainer).not.toBeInTheDocument();
     });
     it('should not render action item container, when there are 0 action items', async () => {
-      const _render15 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render15 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderActionItems: getActionItems({
             actionItemsCount: 0
           })
@@ -273,7 +273,7 @@ describe('<TopNavBarDesktopLayout />', () => {
   });
   describe('renderUser', () => {
     it('should render user container', () => {
-      const _render16 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render16 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderUser: getUser()
         }))),
         container = _render16.container;
@@ -282,7 +282,7 @@ describe('<TopNavBarDesktopLayout />', () => {
       expect(container).toHaveTextContent('User Name');
     });
     it('should not render user container, when there is no "renderUser" prop set', async () => {
-      const _render17 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render17 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           renderUser: void 0
         }))),
         container = _render17.container;
@@ -293,7 +293,7 @@ describe('<TopNavBarDesktopLayout />', () => {
   });
   describe('navLabel prop', () => {
     it('should set "aria-label" for the underlying `<nav>` element', () => {
-      const _render18 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render18 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           navLabel: "Navigation test label"
         }))),
         container = _render18.container;
@@ -305,7 +305,7 @@ describe('<TopNavBarDesktopLayout />', () => {
   describe('elementRef prop', () => {
     it('should return the root nav element', () => {
       const elementRef = vi.fn();
-      const _render19 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
+      const _render19 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, Object.assign({}, defaultBlocks, {
           elementRef: elementRef
         }))),
         container = _render19.container;
@@ -314,7 +314,7 @@ describe('<TopNavBarDesktopLayout />', () => {
   });
   describe('should be accessible', () => {
     it('a11y', async () => {
-      const _render20 = render( /*#__PURE__*/React.createElement(TopNavBarDesktopLayout, defaultBlocks)),
+      const _render20 = render(/*#__PURE__*/React.createElement(TopNavBarDesktopLayout, defaultBlocks)),
         container = _render20.container;
       const axeCheck = await runAxeCheck(container);
       expect(axeCheck).toBe(true);