@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapHamburgerMenu/tests/index.test.js

@@ -1,657 +0,0 @@
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import '@testing-library/jest-dom';
-import { render, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import CapHamburgerMenu from "../index";
-import { createMockStorage, emptySidebarContent, flatSidebarContent, nestedSidebarContent, userDataEmpty, userDataWithOrg, userDataWithOrgAndOU, userDataWithProducts } from "./CapHamburgerMenu.mockData";
-
-// Mock react-virtuoso: Virtuoso needs DOM measurements (viewport) that JSDOM doesn't provide.
-// Render all items in a simple list so org list content is visible in tests.
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('react-virtuoso', () => ({
-  Virtuoso: _ref => {
-    var {
-      totalCount,
-      itemContent,
-      style
-    } = _ref;
-    return /*#__PURE__*/_jsx("div", {
-      "data-testid": "virtuoso-mock-list",
-      style: style,
-      children: Array.from({
-        length: totalCount
-      }, (_, index) => /*#__PURE__*/_jsx("div", {
-        children: itemContent(index)
-      }, index))
-    });
-  }
-}));
-
-// Helper function for rendering with props
-var renderWithProps = function renderWithProps(props) {
-  if (props === void 0) {
-    props = {};
-  }
-  var defaultProps = _extends({
-    productName: 'Test Product',
-    sidebarContent: flatSidebarContent,
-    userData: userDataWithOrg,
-    selectOrganization: 'Select Organization',
-    selectProduct: 'Select Product',
-    noResultsText: 'No results found',
-    screenHeight: 800,
-    screenWidth: 400
-  }, props);
-  return render(/*#__PURE__*/_jsx(CapHamburgerMenu, _extends({}, defaultProps)));
-};
-describe('CapHamburgerMenu - Default Rendering', () => {
-  it('renders hamburger icon', () => {
-    renderWithProps();
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    expect(hamburgerIcon).toBeInTheDocument();
-  });
-  it('does not render drawer content when closed', () => {
-    renderWithProps();
-    expect(screen.queryByText('Dashboard')).not.toBeInTheDocument();
-  });
-  it('renders drawer when opened', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps();
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Dashboard')).toBeInTheDocument();
-    });
-  }));
-});
-describe('CapHamburgerMenu - Drawer Interactions', () => {
-  it('opens drawer when hamburger icon is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps();
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Dashboard')).toBeInTheDocument();
-    });
-  }));
-  it('closes drawer when hamburger icon is clicked again', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps();
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Dashboard')).toBeInTheDocument();
-    });
-    yield user.click(hamburgerIcon);
-    // Wait for drawer to close - the drawer content might still be in DOM but hidden
-    yield waitFor(() => {
-      var drawer = document.querySelector('.ant-drawer-open');
-      expect(drawer).not.toBeInTheDocument();
-    }, {
-      timeout: 3000
-    });
-    // Check that drawer is closed by verifying the open class is removed
-    var drawerElement = document.querySelector('.ant-drawer');
-    if (drawerElement) {
-      expect(drawerElement).not.toHaveClass('ant-drawer-open');
-    }
-  }));
-  it('calls goToHome when logo/product name is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var goToHome = jest.fn();
-    var user = userEvent.setup();
-    renderWithProps({
-      goToHome
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var productName = screen.getByText('Test Product');
-      expect(productName).toBeInTheDocument();
-    });
-    var productNameSpan = screen.getByText('Test Product').closest('span');
-    if (productNameSpan) {
-      yield user.click(productNameSpan);
-      expect(goToHome).toHaveBeenCalled();
-    }
-  }));
-});
-describe('CapHamburgerMenu - Sidebar Content Rendering', () => {
-  it('renders empty sidebar when sidebarContent is empty', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      sidebarContent: emptySidebarContent
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.queryByText('Dashboard')).not.toBeInTheDocument();
-    });
-  }));
-  it('renders flat menu items', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      sidebarContent: flatSidebarContent
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Dashboard')).toBeInTheDocument();
-      expect(screen.getByText('Reports')).toBeInTheDocument();
-      expect(screen.getByText('Settings')).toBeInTheDocument();
-    });
-  }));
-  it('renders nested menu items with expand/collapse', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      sidebarContent: nestedSidebarContent
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Reports')).toBeInTheDocument();
-      expect(screen.getByText('Sales Report')).toBeInTheDocument();
-    });
-  }));
-  it('expands first parent item by default', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      sidebarContent: nestedSidebarContent
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Sales Report')).toBeInTheDocument();
-    });
-  }));
-});
-describe('CapHamburgerMenu - Menu Item Expansion', () => {
-  it('toggles menu item expansion on click', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      sidebarContent: nestedSidebarContent
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Sales Report')).toBeInTheDocument();
-    });
-    var usersItem = screen.getByText('Users');
-    yield user.click(usersItem);
-    yield waitFor(() => {
-      expect(screen.getByText('All Users')).toBeInTheDocument();
-    });
-  }));
-  it('collapses expanded menu item on click', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      sidebarContent: nestedSidebarContent
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Sales Report')).toBeInTheDocument();
-    });
-    var reportsItem = screen.getByText('Reports');
-    yield user.click(reportsItem);
-    yield waitFor(() => {
-      expect(screen.queryByText('Sales Report')).not.toBeInTheDocument();
-    });
-  }));
-});
-describe('CapHamburgerMenu - Sidebar Item Selection', () => {
-  it('calls onSidebarClick when menu item is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var onSidebarClick = jest.fn();
-    var user = userEvent.setup();
-    // Use nested content to test child item clicks (flat items don't call onSidebarClick in current implementation)
-    renderWithProps({
-      sidebarContent: nestedSidebarContent,
-      onSidebarClick
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var salesReportItem = screen.getByText('Sales Report');
-      expect(salesReportItem).toBeInTheDocument();
-    });
-    var salesReportItem = screen.getByText('Sales Report');
-    yield user.click(salesReportItem);
-    expect(onSidebarClick).toHaveBeenCalledWith(expect.objectContaining({
-      label: 'Sales Report',
-      value: 'sales-report'
-    }));
-  }));
-  it('does not call onSidebarClick when same item is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var onSidebarClick = jest.fn();
-    var user = userEvent.setup();
-    // Use nested content to test child item behavior (flat items don't call onSidebarClick in current implementation)
-    renderWithProps({
-      sidebarContent: nestedSidebarContent,
-      selectedSidebarItem: 'sales-report',
-      onSidebarClick
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var salesReportItem = screen.getByText('Sales Report');
-      expect(salesReportItem).toBeInTheDocument();
-    });
-    var salesReportItem = screen.getByText('Sales Report');
-    yield user.click(salesReportItem);
-    // Should not call onSidebarClick when the item is already selected
-    expect(onSidebarClick).not.toHaveBeenCalled();
-  }));
-  it('applies selected styling to selectedSidebarItem', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      sidebarContent: nestedSidebarContent,
-      selectedSidebarItem: 'sales-report'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var _selectedItem$parentE;
-      var selectedItem = screen.getByText('Sales Report');
-      var itemElement = selectedItem.closest('.item') || ((_selectedItem$parentE = selectedItem.parentElement) == null ? void 0 : _selectedItem$parentE.closest('.item'));
-      expect(itemElement).toBeTruthy();
-      // CSS modules: selected state uses listItemSelected (may be hashed)
-      expect(itemElement == null ? void 0 : itemElement.className).toMatch(/listItemSelected/);
-    });
-  }));
-});
-describe('CapHamburgerMenu - Organization Display', () => {
-  it('shows selectOrganization text when no org selected', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    var storage = createMockStorage();
-    renderWithProps({
-      loadStorageItem: storage.get,
-      selectOrganization: 'Select Organization'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Select Organization')).toBeInTheDocument();
-    });
-  }));
-  it('displays organization name when org is selected', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    // The component builds orgList from orgDetails.org_id (which is 1)
-    // renderSelectedOrg uses loadStorageItem('orgID') to find the selected org
-    // For the comparison to work: loadStorageItem('orgID') must match orgList item.value
-    // orgList is built from orgDetails.org_id=1, creating an org with value=1
-    var storage = createMockStorage({
-      orgID: 1
-    });
-    renderWithProps({
-      userData: userDataWithOrg,
-      loadStorageItem: storage.get,
-      selectOrganization: 'Select Organization'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    // Wait for drawer to open
-    yield waitFor(() => {
-      expect(screen.getByText('Dashboard')).toBeInTheDocument();
-    });
-    // The component should render "Organization 1" when orgID matches
-    // Check the org-select-selection area which contains the organization display
-    yield waitFor(() => {
-      var orgSelectionArea = document.querySelector('.org-select-selection');
-      expect(orgSelectionArea).toBeInTheDocument();
-      // The textContent should contain "Organization 1" not "Select Organization"
-      expect(screen.getByText('Select Organization')).toBeInTheDocument();
-    }, {
-      timeout: 3000
-    });
-  }));
-});
-describe('CapHamburgerMenu - Organization Selection', () => {
-  it('opens organization selection box when clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    var storage = createMockStorage({
-      orgID: 1
-    });
-    renderWithProps({
-      userData: userDataWithOrg,
-      loadStorageItem: storage.get,
-      selectOrganization: 'Select Organization'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    // Wait for drawer to open
-    yield waitFor(() => {
-      expect(screen.getByText('Dashboard')).toBeInTheDocument();
-    });
-    // Wait for organization selection area to appear
-    yield waitFor(() => {
-      var orgSelectionArea = document.querySelector('.org-select-selection');
-      expect(orgSelectionArea).toBeInTheDocument();
-    }, {
-      timeout: 3000
-    });
-    // Click on the organization selection area to open the selection box
-    var orgSelectionArea = document.querySelector('.org-select-selection');
-    expect(orgSelectionArea).toBeInTheDocument();
-    yield user.click(orgSelectionArea);
-    yield waitFor(() => {
-      expect(screen.getByPlaceholderText('Select Organization')).toBeInTheDocument();
-    });
-  }));
-  it('calls changeOrgEntity when organization is selected', /*#__PURE__*/_asyncToGenerator(function* () {
-    var changeOrgEntity = jest.fn();
-    var user = userEvent.setup();
-    var storage = createMockStorage();
-    renderWithProps({
-      userData: userDataWithOrg,
-      loadStorageItem: storage.get,
-      changeOrgEntity,
-      selectOrganization: 'Select Organization'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      // The component shows "Select Organization" when no org is selected
-      var orgSelection = screen.getByText('Select Organization');
-      expect(orgSelection).toBeInTheDocument();
-    });
-    // Click on the organization selection area
-    var orgSelection = screen.getByText('Select Organization').closest('div');
-    expect(orgSelection).toBeInTheDocument();
-    yield user.click(orgSelection);
-    yield waitFor(() => {
-      expect(screen.getByPlaceholderText('Select Organization')).toBeInTheDocument();
-    });
-    // Wait for organization list to appear in the slidebox
-    expect(screen.getByText('Organization 2')).toBeInTheDocument();
-    var orgItem = screen.getByText('Organization 2');
-    yield user.click(orgItem);
-    expect(changeOrgEntity).toHaveBeenCalledWith(2, undefined);
-  }));
-  it('calls changeOrgEntity with OU when OU is selected', /*#__PURE__*/_asyncToGenerator(function* () {
-    var changeOrgEntity = jest.fn();
-    var user = userEvent.setup();
-    var storage = createMockStorage({
-      orgID: 1
-    });
-    renderWithProps({
-      userData: userDataWithOrgAndOU,
-      loadStorageItem: storage.get,
-      changeOrgEntity,
-      selectOrganization: 'Select Organization'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Reports')).toBeInTheDocument();
-    });
-    // Wait for organization selection area to appear
-    yield waitFor(() => {
-      var orgSelectionArea = document.querySelector('.org-select-selection');
-      expect(orgSelectionArea).toBeInTheDocument();
-    }, {
-      timeout: 3000
-    });
-    var orgSelectionArea = document.querySelector('.org-select-selection');
-    expect(orgSelectionArea).toBeInTheDocument();
-    yield user.click(orgSelectionArea);
-    yield waitFor(() => {
-      expect(screen.getByPlaceholderText('Select Organization')).toBeInTheDocument();
-    });
-    // Wait for OU list to appear in the slidebox
-    expect(screen.getAllByText('Organization 2')[0]).toBeInTheDocument();
-  }));
-});
-describe('CapHamburgerMenu - Organization Search', () => {
-  it('filters organization list by search text', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    var storage = createMockStorage();
-    renderWithProps({
-      userData: userDataWithOrg,
-      loadStorageItem: storage.get,
-      selectOrganization: 'Select Organization'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var orgSelection = screen.getByText('Select Organization');
-      expect(orgSelection).toBeInTheDocument();
-    });
-    var orgSelection = screen.getByText('Select Organization').closest('div');
-    if (orgSelection) {
-      yield user.click(orgSelection);
-      yield waitFor(() => {
-        var searchInput = screen.getByPlaceholderText('Select Organization');
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = screen.getByPlaceholderText('Select Organization');
-      // Clear and type the search text
-      yield user.clear(searchInput);
-      yield user.type(searchInput, 'Organization 2');
-      yield waitFor(() => {
-        expect(screen.getByText('Organization 2')).toBeInTheDocument();
-        expect(screen.queryByText('Organization 1')).not.toBeInTheDocument();
-      }, {
-        timeout: 3000
-      });
-    }
-  }), 10000);
-  it('shows no results message when search has no matches', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    var storage = createMockStorage();
-    renderWithProps({
-      userData: userDataWithOrg,
-      loadStorageItem: storage.get,
-      selectOrganization: 'Select Organization',
-      noResultsText: 'No organizations found'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var orgSelection = screen.getByText('Select Organization');
-      expect(orgSelection).toBeInTheDocument();
-    });
-    var orgSelection = screen.getByText('Select Organization').closest('div');
-    if (orgSelection) {
-      yield user.click(orgSelection);
-      yield waitFor(() => {
-        var searchInput = screen.getByPlaceholderText('Select Organization');
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = screen.getByPlaceholderText('Select Organization');
-      // Clear and type the search text
-      yield user.clear(searchInput);
-      yield user.type(searchInput, 'NonExistentOrg');
-      yield waitFor(() => {
-        expect(screen.getByText('No organizations found')).toBeInTheDocument();
-      }, {
-        timeout: 3000
-      });
-    }
-  }), 10000);
-});
-describe('CapHamburgerMenu - Product List', () => {
-  it('opens product list when more applications icon is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      userData: userDataWithProducts,
-      selectProduct: 'Select Product'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var moreAppsIcon = screen.getByAltText('moreApplications');
-      expect(moreAppsIcon).toBeInTheDocument();
-    });
-    var moreAppsIcon = screen.getByAltText('moreApplications');
-    yield user.click(moreAppsIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Select Product')).toBeInTheDocument();
-    });
-  }));
-  it('excludes masters product from list', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      userData: userDataWithProducts,
-      selectProduct: 'Select Product'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var moreAppsIcon = screen.getByAltText('moreApplications');
-      expect(moreAppsIcon).toBeInTheDocument();
-    });
-    var moreAppsIcon = screen.getByAltText('moreApplications');
-    yield user.click(moreAppsIcon);
-    yield waitFor(() => {
-      expect(screen.queryByText('Masters')).not.toBeInTheDocument();
-      expect(screen.getByText('Campaigns')).toBeInTheDocument();
-    });
-  }));
-});
-describe('CapHamburgerMenu - Header Content', () => {
-  it('displays product name in header', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      productName: 'My Product'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('My Product')).toBeInTheDocument();
-    });
-  }));
-  it('displays user login name when provided', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      userData: userDataWithOrg
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('john.doe@example.com')).toBeInTheDocument();
-    });
-  }));
-  it('does not display user name when not provided', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      userData: userDataEmpty
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.queryByText('john.doe@example.com')).not.toBeInTheDocument();
-    });
-  }));
-});
-describe('CapHamburgerMenu - Footer', () => {
-  it('renders footer when provided and drawer is open', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    var footer = /*#__PURE__*/_jsx("div", {
-      "data-testid": "footer",
-      children: "Footer Content"
-    });
-    renderWithProps({
-      footer
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByTestId('footer')).toBeInTheDocument();
-    });
-  }));
-  it('does not render footer when drawer is closed', () => {
-    var footer = /*#__PURE__*/_jsx("div", {
-      "data-testid": "footer",
-      children: "Footer Content"
-    });
-    renderWithProps({
-      footer
-    });
-    expect(screen.queryByTestId('footer')).not.toBeInTheDocument();
-  });
-});
-describe('CapHamburgerMenu - Placement and Props', () => {
-  it.each([['left', 'left'], ['right', 'right'], ['top', 'top'], ['bottom', 'bottom']])('applies placement prop %s', /*#__PURE__*/function () {
-    var _ref26 = _asyncToGenerator(function* (placement) {
-      var user = userEvent.setup();
-      renderWithProps({
-        placement: placement
-      });
-      var hamburgerIcon = screen.getByAltText('hamburger');
-      yield user.click(hamburgerIcon);
-      yield waitFor(() => {
-        expect(screen.getByText('Dashboard')).toBeInTheDocument();
-      });
-    });
-    return function (_x) {
-      return _ref26.apply(this, arguments);
-    };
-  }());
-  it('uses screenHeight and screenWidth for virtuoso list', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    var storage = createMockStorage();
-    renderWithProps({
-      userData: userDataWithOrg,
-      loadStorageItem: storage.get,
-      screenHeight: 1000,
-      screenWidth: 500,
-      selectOrganization: 'Select Organization'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      var orgSelection = screen.getByText('Select Organization');
-      expect(orgSelection).toBeInTheDocument();
-    });
-    var orgSelection = screen.getByText('Select Organization').closest('div');
-    if (orgSelection) {
-      yield user.click(orgSelection);
-      yield waitFor(() => {
-        expect(screen.getByPlaceholderText('Select Organization')).toBeInTheDocument();
-      });
-      // With react-virtuoso mocked to render all items, org list is visible
-      yield waitFor(() => {
-        expect(screen.getByText('Organization 2')).toBeInTheDocument();
-      });
-    }
-  }));
-});
-describe('CapHamburgerMenu - Edge Cases', () => {
-  it('handles undefined sidebarContent gracefully', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      sidebarContent: undefined
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.queryByText('Dashboard')).not.toBeInTheDocument();
-    });
-  }));
-  it('handles empty userData gracefully', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      userData: userDataEmpty
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Dashboard')).toBeInTheDocument();
-    });
-  }));
-  it('handles missing loadStorageItem function', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      userData: userDataWithOrg,
-      loadStorageItem: undefined,
-      selectOrganization: 'Select Organization'
-    });
-    var hamburgerIcon = screen.getByAltText('hamburger');
-    yield user.click(hamburgerIcon);
-    yield waitFor(() => {
-      expect(screen.getByText('Select Organization')).toBeInTheDocument();
-    });
-  }));
-});