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

package/CapUnifiedSelect/tests/index.test.js

@@ -1,2988 +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); }); }; }
-import { render, screen, waitFor, within, act, cleanup } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-/* eslint-disable max-lines */
-
-import { DEFAULTS, SELECT_TYPES } from "../constants";
-import CapUnifiedSelect from "../index";
-import { mockOptions, mockTreeOptions, mockTreeOptionsWithMixed, mockAsyncResults, mockAsyncResultsForCache, mockAsyncResultsForResetSearch, mockSimpleAsyncResult, mockInitialOptions, mockNewOptions, getMockOptionsWithReactTitle } from "../testData";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('CapUnifiedSelect', () => {
-  var options = mockOptions;
-  var treeOptions = mockTreeOptions;
-  describe('Basic Rendering', () => {
-    it('should render select component with placeholder', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        placeholder: "Select option"
-      }));
-      expect(screen.getByText('Select option')).toBeInTheDocument();
-    });
-    it('should display selected value', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        value: "1"
-      }));
-      expect(screen.getByText('Option 1')).toBeInTheDocument();
-    });
-    it('should render with header label', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        headerLabel: "Select Header"
-      }));
-      expect(screen.getByText('Select Header')).toBeInTheDocument();
-    });
-  });
-  describe('Single Selection', () => {
-    it('should handle user selection and call onChange with correct value', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onChange: handleChange,
-        placeholder: "Select",
-        customPopupRender: false
-      }));
-
-      // Verify component rendered
-      expect(screen.getByText('Select')).toBeInTheDocument();
-
-      // In Ant Design v5, use .ant-select-content (container) or .ant-select (outer) for clicking
-      var selector = container.querySelector('.ant-select-content') || container.querySelector('.ant-select');
-      expect(selector).toBeTruthy();
-      expect(selector).toBeInTheDocument();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      expect(handleChange).toHaveBeenCalled();
-      expect(handleChange.mock.calls[0][0]).toBe('1');
-    }));
-    it('should display selected option after selection', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        placeholder: "Select",
-        customPopupRender: false
-      }));
-
-      // Verify component rendered
-      expect(screen.getByText('Select')).toBeInTheDocument();
-
-      // In Ant Design v5, use .ant-select-content (container) or .ant-select (outer) for clicking
-      var selector = container.querySelector('.ant-select-content') || container.querySelector('.ant-select');
-      expect(selector).toBeTruthy();
-      expect(selector).toBeInTheDocument();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var options = screen.getAllByText('Option 2');
-        expect(options.length).toBeGreaterThan(0);
-      });
-      var optionElements = screen.getAllByText('Option 2');
-      yield user.click(optionElements[0]);
-      yield user.click(selector);
-      yield waitFor(() => {
-        var container = document.querySelector('.cap-unified-select-container');
-        expect(within(container).getByText('Option 2')).toBeInTheDocument();
-      });
-    }));
-  });
-  describe('Multi Selection', () => {
-    it('should display multiple selected values', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        type: SELECT_TYPES.MULTI_SELECT,
-        value: ['1', '2']
-      }));
-      expect(screen.getByText('Option 1')).toBeInTheDocument();
-    });
-    it('should show "+X more" indicator for multiple selections', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        type: SELECT_TYPES.MULTI_SELECT,
-        value: ['1', '2', '3']
-      }));
-      expect(screen.getByText('Option 1')).toBeInTheDocument();
-      expect(screen.getByText('+2 more')).toBeInTheDocument();
-    });
-  });
-  describe('Select All Checkbox', () => {
-    it('should select all leaf values when checkbox is checked with empty tempValue', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        onChange: handleChange,
-        customPopupRender: true,
-        staticValue: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Select all')).toBeInTheDocument();
-      });
-      var selectAllCheckbox = screen.getByText('Select all').closest('.ant-checkbox-wrapper');
-      if (selectAllCheckbox) {
-        yield user.click(selectAllCheckbox);
-        var confirmButton = screen.getByText('Confirm');
-        yield user.click(confirmButton);
-        expect(handleChange).toHaveBeenCalled();
-        var selectedValues = handleChange.mock.calls[0][0];
-        expect(Array.isArray(selectedValues)).toBe(true);
-        expect(selectedValues).toHaveLength(3);
-        expect(selectedValues).toContain('1');
-        expect(selectedValues).toContain('2');
-        expect(selectedValues).toContain('3');
-      }
-    }));
-    it('should merge existing selections when checkbox is checked with partial tempValue', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: ['1'],
-        onChange: handleChange,
-        customPopupRender: true,
-        staticValue: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Select all')).toBeInTheDocument();
-      });
-      var selectAllCheckbox = screen.getByText('Select all').closest('.ant-checkbox-wrapper');
-      if (selectAllCheckbox) {
-        yield user.click(selectAllCheckbox);
-        var confirmButton = screen.getByText('Confirm');
-        yield user.click(confirmButton);
-        expect(handleChange).toHaveBeenCalled();
-        var selectedValues = handleChange.mock.calls[0][0];
-        expect(Array.isArray(selectedValues)).toBe(true);
-        expect(selectedValues).toHaveLength(3);
-        expect(selectedValues).toContain('1');
-        expect(selectedValues).toContain('2');
-        expect(selectedValues).toContain('3');
-      }
-    }));
-    it('should deselect all leaf values when checkbox is unchecked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: ['1', '2', '3'],
-        onChange: handleChange,
-        customPopupRender: true,
-        staticValue: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Select all')).toBeInTheDocument();
-      });
-      var selectAllCheckbox = screen.getByText('Select all').closest('.ant-checkbox-wrapper');
-      if (selectAllCheckbox) {
-        var checkbox = selectAllCheckbox.querySelector('.ant-checkbox');
-        expect(checkbox).toHaveClass('ant-checkbox-checked');
-        yield user.click(selectAllCheckbox);
-        yield waitFor(() => {
-          var updatedCheckbox = selectAllCheckbox.querySelector('.ant-checkbox');
-          expect(updatedCheckbox).not.toHaveClass('ant-checkbox-checked');
-          expect(updatedCheckbox).not.toHaveClass('ant-checkbox-indeterminate');
-        });
-        yield waitFor(() => {
-          var confirmButton = screen.getByText('Confirm').closest('button');
-          expect(confirmButton).toBeInTheDocument();
-          expect(confirmButton).toBeDisabled();
-        });
-        yield user.click(screen.getByText('Option 1'));
-        yield waitFor(() => {
-          var confirmButton = screen.getByText('Confirm').closest('button');
-          expect(confirmButton).toBeInTheDocument();
-          expect(confirmButton).not.toBeDisabled();
-        });
-        var confirmButton = screen.getByText('Confirm').closest('button');
-        if (confirmButton) {
-          yield user.click(confirmButton);
-        }
-        expect(handleChange).toHaveBeenCalled();
-        var selectedValues = handleChange.mock.calls[0][0];
-        expect(Array.isArray(selectedValues)).toBe(true);
-        expect(selectedValues).toHaveLength(1);
-        expect(selectedValues).toContain('1');
-        expect(selectedValues).not.toContain('2');
-        expect(selectedValues).not.toContain('3');
-      }
-    }));
-    it('should preserve values not in leafValues when checkbox is unchecked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      var treeOptionsWithMixed = mockTreeOptionsWithMixed;
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_TREE_SELECT,
-        options: treeOptionsWithMixed,
-        value: ['child1', 'child2', 'parent1'],
-        onChange: handleChange,
-        customPopupRender: true,
-        staticValue: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Select all')).toBeInTheDocument();
-      });
-      var selectAllCheckbox = screen.getByText('Select all').closest('.ant-checkbox-wrapper');
-      if (selectAllCheckbox) {
-        yield user.click(selectAllCheckbox);
-        var confirmButton = screen.getByText('Confirm');
-        yield user.click(confirmButton);
-        expect(handleChange).toHaveBeenCalled();
-        var selectedValues = handleChange.mock.calls[0][0];
-        expect(Array.isArray(selectedValues)).toBe(true);
-        expect(selectedValues).not.toContain('child1');
-        expect(selectedValues).not.toContain('child2');
-      }
-    }));
-    it('should handle select all with tree structure correctly', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_TREE_SELECT,
-        options: treeOptions,
-        onChange: handleChange,
-        customPopupRender: true,
-        staticValue: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Parent 1')).toBeInTheDocument();
-      });
-      var switcher = document.querySelector('.ant-select-tree-switcher');
-      if (switcher) {
-        yield user.click(switcher);
-      }
-      yield waitFor(() => {
-        expect(screen.getByText('Select all')).toBeInTheDocument();
-      });
-      var selectAllCheckbox = screen.getByText('Select all').closest('.ant-checkbox-wrapper');
-      if (selectAllCheckbox) {
-        yield user.click(selectAllCheckbox);
-        var confirmButton = screen.getByText('Confirm');
-        yield user.click(confirmButton);
-        expect(handleChange).toHaveBeenCalled();
-        var selectedValues = handleChange.mock.calls[0][0];
-        expect(Array.isArray(selectedValues)).toBe(true);
-        expect(selectedValues).toContain('child1');
-        expect(selectedValues).toContain('child2');
-        expect(selectedValues).toContain('child3');
-      }
-    }));
-    it('should show indeterminate state when some but not all items are selected', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: ['1', '2'],
-        customPopupRender: true,
-        staticValue: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Select all')).toBeInTheDocument();
-      });
-      var selectAllCheckbox = screen.getByText('Select all').closest('.ant-checkbox-wrapper');
-      if (selectAllCheckbox) {
-        var checkbox = selectAllCheckbox.querySelector('.ant-checkbox');
-        expect(checkbox).toBeInTheDocument();
-        expect(checkbox).toHaveClass('ant-checkbox-indeterminate');
-      }
-    }));
-    it('should show checked state when all items are selected', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: ['1', '2', '3'],
-        customPopupRender: true,
-        staticValue: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Select all')).toBeInTheDocument();
-      });
-      var selectAllCheckbox = screen.getByText('Select all').closest('.ant-checkbox-wrapper');
-      if (selectAllCheckbox) {
-        var checkbox = selectAllCheckbox.querySelector('.ant-checkbox');
-        expect(checkbox).toBeInTheDocument();
-        expect(checkbox).toHaveClass('ant-checkbox-checked');
-      }
-    }));
-    it('should not show select all checkbox when staticValue is false', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        customPopupRender: true,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      expect(screen.queryByText('Select all')).not.toBeInTheDocument();
-    }));
-    it('should handle select all with empty options array', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: [],
-        onChange: handleChange,
-        customPopupRender: true,
-        staticValue: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      expect(screen.queryByText('Select all')).not.toBeInTheDocument();
-    }));
-  });
-  describe('Search Functionality', () => {
-    it('should filter options based on search input', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'Option 1');
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-    }));
-  });
-  describe('Async Search Functionality', () => {
-    beforeEach(() => {
-      jest.useFakeTimers();
-      jest.spyOn(console, 'error').mockImplementation(() => {});
-    });
-    afterEach(() => {
-      jest.runOnlyPendingTimers();
-      jest.useRealTimers();
-      jest.restoreAllMocks();
-    });
-    it('should not call onSearch when onSearch prop is not provided', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        searchDebounce: 300
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'test');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(screen.queryByText(DEFAULTS.NO_RESULT_TEXT)).toBeInTheDocument();
-      });
-    }));
-    it('should reset async options when query is empty', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnSearch = jest.fn().mockResolvedValue([]);
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'test');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('test');
-      });
-      yield user.clear(searchInput);
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledTimes(2);
-        expect(mockOnSearch).toHaveBeenLastCalledWith('');
-      });
-    }));
-    it('should handle successful async search and cache results', /*#__PURE__*/_asyncToGenerator(function* () {
-      var asyncResults = mockAsyncResults;
-      var mockOnSearch = jest.fn().mockResolvedValue(asyncResults);
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'async');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('async');
-      });
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: asyncResults,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        staticValue: false
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Async Option 1')).toBeInTheDocument();
-        expect(screen.getByText('Async Option 2')).toBeInTheDocument();
-      });
-    }));
-    it('should handle async search error gracefully', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnSearch = jest.fn().mockImplementation(() => {
-        return Promise.reject(new Error('API Error')).catch(() => {});
-      });
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'test');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('test');
-      }, {
-        timeout: 1000
-      });
-      yield Promise.resolve();
-      yield waitFor(() => {
-        expect(screen.getByText(DEFAULTS.NO_RESULT_TEXT)).toBeInTheDocument();
-      }, {
-        timeout: 1000
-      });
-    }));
-    it('should debounce async search calls', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnSearch = jest.fn().mockResolvedValue([]);
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 't');
-      }));
-      jest.advanceTimersByTime(100);
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'e');
-      }));
-      jest.advanceTimersByTime(100);
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 's');
-      }));
-      jest.advanceTimersByTime(100);
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 't');
-      }));
-      expect(mockOnSearch).not.toHaveBeenCalled();
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledTimes(1);
-        expect(mockOnSearch).toHaveBeenCalledWith('test');
-      });
-    }));
-    it('should clear previous timeout when new search is triggered', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnSearch = jest.fn().mockResolvedValue([]);
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'first');
-      }));
-      jest.advanceTimersByTime(200);
-      yield user.clear(searchInput);
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'second');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledTimes(1);
-        expect(mockOnSearch).toHaveBeenCalledWith('second');
-        expect(mockOnSearch).not.toHaveBeenCalledWith('first');
-      });
-    }));
-    it('should show loading state during async search', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnSearch = jest.fn(() => new Promise(resolve => setTimeout(() => resolve([]), 100)));
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'test');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        var searchContainer = document.querySelector('.cap-unified-select-search-container');
-        expect(searchContainer).toBeInTheDocument();
-        var iconWrapper = searchContainer == null ? void 0 : searchContainer.querySelector('.cap-icon-wrapper');
-        expect(iconWrapper).toBeInTheDocument();
-      });
-      jest.advanceTimersByTime(100);
-      yield waitFor(() => {
-        var searchContainer = document.querySelector('.cap-unified-select-search-container');
-        var iconWrapper = searchContainer == null ? void 0 : searchContainer.querySelector('.cap-icon-wrapper');
-        expect(iconWrapper).toBeInTheDocument();
-      });
-    }));
-    it('should cache async search results for selected items', /*#__PURE__*/_asyncToGenerator(function* () {
-      var asyncResults = mockAsyncResultsForCache;
-      var mockOnSearch = jest.fn().mockResolvedValue(asyncResults);
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        type: SELECT_TYPES.MULTI_SELECT,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'cached');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('cached');
-      });
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: asyncResults,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        type: SELECT_TYPES.MULTI_SELECT,
-        staticValue: false
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Cached Option')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Cached Option'));
-      yield user.clear(searchInput);
-      jest.advanceTimersByTime(300);
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: asyncResults,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        type: SELECT_TYPES.MULTI_SELECT,
-        staticValue: false
-      }));
-      yield waitFor(() => {
-        var cachedOptions = screen.getAllByText('Cached Option');
-        expect(cachedOptions.length).toBeGreaterThan(0);
-        var dropdownOption = cachedOptions.find(option => option.closest('.ant-select-tree-list') || option.closest('.ant-select-dropdown'));
-        expect(dropdownOption).toBeInTheDocument();
-      });
-    }));
-    it('should handle empty query with whitespace', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnSearch = jest.fn().mockResolvedValue([]);
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, '   ');
-      }));
-      jest.advanceTimersByTime(300);
-      expect(mockOnSearch).not.toHaveBeenCalled();
-    }));
-  });
-  describe('Tree Select', () => {
-    it('should expand parent and select child node', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: treeOptions,
-        type: SELECT_TYPES.TREE_SELECT,
-        onChange: handleChange,
-        customPopupRender: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Parent 1')).toBeInTheDocument();
-      });
-      var switcher = document.querySelector('.ant-select-tree-switcher');
-      if (switcher) {
-        yield user.click(switcher);
-        yield waitFor(() => {
-          expect(screen.getByText('Child 1')).toBeInTheDocument();
-        });
-      }
-    }));
-    it('should display selected tree value', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: treeOptions,
-        type: SELECT_TYPES.TREE_SELECT,
-        value: "child1"
-      }));
-      expect(screen.getByText('Child 1')).toBeInTheDocument();
-    });
-  });
-  describe('Error State', () => {
-    it('should display error message when isError is true', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        isError: true,
-        errorMessage: "This field is required"
-      }));
-      expect(screen.getByText('This field is required')).toBeInTheDocument();
-    });
-    it('should apply error styling to select', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        isError: true,
-        errorMessage: "Error"
-      }));
-      var errorElement = screen.getByText('Error');
-      expect(errorElement).toHaveClass('cap-unified-select-status');
-    });
-  });
-  describe('Disabled State', () => {
-    it('should not call onChange when disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        disabled: true,
-        onChange: handleChange
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      expect(handleChange).not.toHaveBeenCalled();
-    }));
-    it('should not open dropdown when disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        disabled: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      expect(screen.queryByText('Option 1')).not.toBeInTheDocument();
-    }));
-    it('should have disabled styling', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        disabled: true
-      }));
-      var select = document.querySelector('.ant-select-disabled');
-      expect(select).toBeInTheDocument();
-    });
-  });
-  describe('Additional Features', () => {
-    it('should show clear button when allowClear is enabled with value', () => {
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        allowClear: true,
-        value: "1"
-      }));
-      var clearIcon = document.querySelector('.ant-select-clear');
-      expect(clearIcon).toBeInTheDocument();
-    });
-    it('should clear value when clear button is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        allowClear: true,
-        value: "1",
-        onChange: handleChange
-      }));
-      var clearIcon = document.querySelector('.ant-select-clear');
-      if (clearIcon) {
-        yield user.click(clearIcon);
-        expect(handleChange).toHaveBeenCalled();
-        expect(handleChange.mock.calls[0][0]).toBeUndefined();
-      }
-    }));
-    it('should render empty state when no options', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText(DEFAULTS.NO_RESULT_TEXT)).toBeInTheDocument();
-      });
-    }));
-  });
-  describe('NoResult Component', () => {
-    beforeEach(/*#__PURE__*/_asyncToGenerator(function* () {
-      // Ensure any previous dropdowns are closed before starting a new test
-      var openDropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-      if (openDropdowns.length > 0) {
-        // Click outside to close all dropdowns
-        var bodyClick = new MouseEvent('mousedown', {
-          bubbles: true
-        });
-        document.body.dispatchEvent(bodyClick);
-        // Also try Escape key
-        var escapeEvent = new KeyboardEvent('keydown', {
-          key: 'Escape',
-          bubbles: true
-        });
-        document.body.dispatchEvent(escapeEvent);
-        // Wait for all dropdowns to close
-        yield waitFor(() => {
-          var stillOpen = document.querySelector('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-          expect(stillOpen).toBeNull();
-        }, {
-          timeout: 1000
-        }).catch(() => {
-          // Ignore if already closed or timeout - continue anyway
-        });
-      }
-      // Small delay to ensure DOM is clean
-      yield new Promise(resolve => setTimeout(resolve, 50));
-    }));
-    afterEach(/*#__PURE__*/_asyncToGenerator(function* () {
-      // Close any open dropdowns by clicking outside
-      var openDropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-      if (openDropdowns.length > 0) {
-        // Click outside to close all dropdowns
-        var bodyClick = new MouseEvent('mousedown', {
-          bubbles: true
-        });
-        document.body.dispatchEvent(bodyClick);
-        // Wait for all dropdowns to close
-        yield waitFor(() => {
-          var stillOpen = document.querySelector('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-          expect(stillOpen).toBeNull();
-        }, {
-          timeout: 1000
-        }).catch(() => {
-          // Ignore if already closed or timeout
-        });
-      }
-      cleanup();
-      // Clear any remaining timers
-      jest.clearAllTimers();
-      // Small delay to ensure cleanup completes
-      yield new Promise(resolve => setTimeout(resolve, 50));
-    }));
-    it("should display default \"" + DEFAULTS.NO_RESULT_TEXT + "\" text when no options", /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText(DEFAULTS.NO_RESULT_TEXT)).toBeInTheDocument();
-      });
-      var noResultContainer = document.querySelector('.cap-unified-select-no-result');
-      expect(noResultContainer).toBeInTheDocument();
-    }));
-    it('should display custom text when noResultCustomText is provided with showUpload', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true,
-        showUpload: true,
-        noResultCustomText: "Custom no results message"
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Custom no results message')).toBeInTheDocument();
-      });
-    }));
-    it('should display custom text when noResultCustomText is provided without showUpload', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true,
-        noResultCustomText: "Custom no results message"
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Custom no results message')).toBeInTheDocument();
-        expect(screen.queryByText(DEFAULTS.NO_RESULT_TEXT)).not.toBeInTheDocument();
-      });
-    }));
-    it('should display custom text when showUpload is true and options is empty', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true,
-        showUpload: true,
-        noResultCustomText: "Please upload data"
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Please upload data')).toBeInTheDocument();
-      });
-    }));
-    it.skip('should display default text when showUpload is true and options has items but search returns no matches', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        customPopupRender: true,
-        showUpload: true,
-        noResultCustomText: "Please upload data",
-        showSearch: true
-      }));
-      var selector = container.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-
-      // Wait for dropdown to open and get the active dropdown
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        expect(dropdown).toBeInTheDocument();
-      });
-
-      // Get the currently open dropdown (most recent one)
-      var getActiveDropdown = () => {
-        var dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        return dropdowns[dropdowns.length - 1];
-      };
-
-      // Wait for search input to appear in the active dropdown
-      yield waitFor(() => {
-        var dropdown = getActiveDropdown();
-        var searchInput = dropdown == null ? void 0 : dropdown.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var dropdown = getActiveDropdown();
-      var searchInput = dropdown.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-
-      // Clear the input and wait for it to be cleared
-      yield user.clear(searchInput);
-      yield waitFor(() => {
-        expect(searchInput.value).toBe('');
-      });
-
-      // Type the search term
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'NonExistentOption');
-      }));
-
-      // Wait for the search input value to be set
-      yield waitFor(() => {
-        expect(searchInput.value).toBe('NonExistentOption');
-      });
-
-      // Wait for debounce (300ms) + processing time
-      yield new Promise(resolve => setTimeout(resolve, 400));
-
-      // Wait for options to be filtered out and NoResult to appear in the active dropdown
-      yield waitFor(() => {
-        var activeDropdown = getActiveDropdown();
-        // Check that NoResult component appears in the active dropdown
-        var noResultContainer = activeDropdown == null ? void 0 : activeDropdown.querySelector('.cap-unified-select-no-result-text');
-        expect(noResultContainer).toBeInTheDocument();
-        // Verify the text content is correct
-        expect(screen.getByText(DEFAULTS.NO_RESULT_TEXT)).toBeInTheDocument();
-      }, {
-        timeout: 3000
-      });
-
-      // Close dropdown to prevent interference with next test
-      yield user.click(document.body);
-      // Wait for dropdown to close
-      yield waitFor(() => {
-        var openDropdown = document.querySelector('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        expect(openDropdown).toBeNull();
-      }, {
-        timeout: 1000
-      }).catch(() => {
-        // Ignore if already closed
-      });
-    }));
-    it('should display custom icon when noResultCustomIcon is provided', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true,
-        noResultCustomIcon: "info"
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var noResultContainer = document.querySelector('.cap-unified-select-no-result');
-        expect(noResultContainer).toBeInTheDocument();
-        var iconWrapper = noResultContainer == null ? void 0 : noResultContainer.querySelector('.cap-icon-wrapper');
-        expect(iconWrapper).toBeInTheDocument();
-      });
-    }));
-    it('should display default warning icon when noResultCustomIcon is not provided', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var noResultContainer = document.querySelector('.cap-unified-select-no-result');
-        expect(noResultContainer).toBeInTheDocument();
-        var iconWrapper = noResultContainer == null ? void 0 : noResultContainer.querySelector('.cap-icon-wrapper');
-        expect(iconWrapper).toBeInTheDocument();
-      });
-    }));
-    it('should apply custom className to NoResult component', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true,
-        className: "custom-no-result-class"
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var noResultContainer = document.querySelector('.cap-unified-select-no-result');
-        expect(noResultContainer).toHaveClass('custom-no-result-class');
-      });
-    }));
-    it.skip('should show NoResult when search returns no matches', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        customPopupRender: true,
-        showSearch: true
-      }));
-      var selector = container.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-
-      // Wait for dropdown to open and get the active dropdown
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        expect(dropdown).toBeInTheDocument();
-      });
-
-      // Get the currently open dropdown (most recent one)
-      var getActiveDropdown = () => {
-        var dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        return dropdowns[dropdowns.length - 1];
-      };
-
-      // Wait for search input to appear in the active dropdown
-      yield waitFor(() => {
-        var dropdown = getActiveDropdown();
-        var searchInput = dropdown == null ? void 0 : dropdown.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var dropdown = getActiveDropdown();
-      var searchInput = dropdown.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-
-      // Clear the input and wait for it to be cleared
-      yield user.clear(searchInput);
-      yield waitFor(() => {
-        expect(searchInput.value).toBe('');
-      });
-
-      // Type the search term
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'NonExistentSearchTerm');
-      }));
-
-      // Wait for the search input value to be set
-      yield waitFor(() => {
-        expect(searchInput.value).toBe('NonExistentSearchTerm');
-      });
-
-      // Wait for debounce (300ms) + processing time
-      yield new Promise(resolve => setTimeout(resolve, 400));
-
-      // Wait for options to be filtered out and NoResult to appear in the active dropdown
-      yield waitFor(() => {
-        var activeDropdown = getActiveDropdown();
-        // Check that NoResult component appears in the active dropdown
-        var noResultContainer = activeDropdown == null ? void 0 : activeDropdown.querySelector('.cap-unified-select-no-result-text');
-        expect(noResultContainer).toBeInTheDocument();
-        // Verify the text content is correct
-        expect(screen.getByText(DEFAULTS.NO_RESULT_TEXT)).toBeInTheDocument();
-      }, {
-        timeout: 3000
-      });
-
-      // Close dropdown to prevent interference with next test
-      yield user.click(document.body);
-      // Wait for dropdown to close
-      yield waitFor(() => {
-        var openDropdown = document.querySelector('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        expect(openDropdown).toBeNull();
-      }, {
-        timeout: 1000
-      }).catch(() => {
-        // Ignore if already closed
-      });
-    }));
-    it('should show NoResult with custom text and icon together', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: [],
-        customPopupRender: true,
-        showUpload: true,
-        noResultCustomText: "Upload your data to get started",
-        noResultCustomIcon: "upload"
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Upload your data to get started')).toBeInTheDocument();
-        var noResultContainer = document.querySelector('.cap-unified-select-no-result');
-        expect(noResultContainer).toBeInTheDocument();
-        var iconWrapper = noResultContainer == null ? void 0 : noResultContainer.querySelector('.cap-icon-wrapper');
-        expect(iconWrapper).toBeInTheDocument();
-      });
-    }));
-  });
-  describe('Confirm Button and resetSearch', () => {
-    beforeEach(() => {
-      jest.useFakeTimers();
-      jest.spyOn(console, 'error').mockImplementation(() => {});
-    });
-    afterEach(() => {
-      jest.runOnlyPendingTimers();
-      jest.useRealTimers();
-      jest.restoreAllMocks();
-    });
-    it('should call onChange and onConfirm when confirm button is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var handleConfirm = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        onChange: handleChange,
-        onConfirm: handleConfirm,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      expect(handleChange).toHaveBeenCalled();
-      expect(handleConfirm).toHaveBeenCalled();
-      expect(handleChange.mock.calls[0][0]).toEqual(['1']);
-      expect(handleConfirm.mock.calls[0][0]).toEqual(['1']);
-    }));
-    it('should not reset search text when resetSearch is false', /*#__PURE__*/_asyncToGenerator(function* () {
-      var asyncResults = mockAsyncResultsForResetSearch;
-      var mockOnSearch = jest.fn().mockResolvedValue(asyncResults);
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: false,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'search');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('search');
-      });
-      expect(searchInput.value).toBe('search');
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: asyncResults,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: false,
-        staticValue: false
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Search Result 1')).toBeInTheDocument();
-      });
-      var option = screen.getByText('Search Result 1');
-      yield user.click(option);
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).toHaveClass('ant-select-dropdown-hidden');
-      }, {
-        timeout: 2000
-      });
-      yield user.click(selector);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).not.toHaveClass('ant-select-dropdown-hidden');
-        var searchInputAfter = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInputAfter).toBeInTheDocument();
-        expect(searchInputAfter.value).toBe('search');
-      });
-    }));
-    it('should reset search text by default (resetSearch defaults to true)', /*#__PURE__*/_asyncToGenerator(function* () {
-      var asyncResults = mockAsyncResultsForResetSearch;
-      var mockOnSearch = jest.fn().mockResolvedValue(asyncResults);
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'search');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('search');
-      });
-      expect(searchInput.value).toBe('search');
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: asyncResults,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        staticValue: false
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Search Result 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Search Result 1'));
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInputAfterConfirm = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInputAfterConfirm).toBeInTheDocument();
-        expect(searchInputAfterConfirm.value).toBe('');
-      });
-    }));
-    it('should reset search text when resetSearch is explicitly set to true', /*#__PURE__*/_asyncToGenerator(function* () {
-      var asyncResults = mockAsyncResultsForResetSearch;
-      var mockOnSearch = jest.fn().mockResolvedValue(asyncResults);
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: true,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'search');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('search');
-      });
-      expect(searchInput.value).toBe('search');
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: asyncResults,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: true,
-        staticValue: false
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Search Result 1')).toBeInTheDocument();
-      });
-      var option = screen.getByText('Search Result 1');
-      yield user.click(option);
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).toHaveClass('ant-select-dropdown-hidden');
-      }, {
-        timeout: 2000
-      });
-      yield user.click(selector);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).not.toHaveClass('ant-select-dropdown-hidden');
-        var searchInputAfter = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInputAfter).toBeInTheDocument();
-        expect(searchInputAfter.value).toBe('');
-      });
-    }));
-    it('should clear asyncOptions when resetSearch is true', /*#__PURE__*/_asyncToGenerator(function* () {
-      var asyncResults = mockAsyncResults;
-      var mockOnSearch = jest.fn().mockResolvedValue(asyncResults);
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: true,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'async');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('async');
-      });
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: asyncResults,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: true,
-        staticValue: false
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Async Option 1')).toBeInTheDocument();
-        expect(screen.getByText('Async Option 2')).toBeInTheDocument();
-      });
-      var option = screen.getByText('Async Option 1');
-      yield user.click(option);
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).toHaveClass('ant-select-dropdown-hidden');
-      }, {
-        timeout: 2000
-      });
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: true,
-        staticValue: false
-      }));
-      yield user.click(selector);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).not.toHaveClass('ant-select-dropdown-hidden');
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-        expect(screen.queryByText('Async Option 1')).not.toBeInTheDocument();
-        expect(screen.queryByText('Async Option 2')).not.toBeInTheDocument();
-      });
-    }));
-    it('should set isSearching to false when resetSearch is true', /*#__PURE__*/_asyncToGenerator(function* () {
-      var asyncResults = mockSimpleAsyncResult;
-      var mockOnSearch = jest.fn(() => new Promise(resolve => setTimeout(() => resolve(asyncResults), 100)));
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: true,
-        staticValue: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'res');
-      }));
-      jest.advanceTimersByTime(300);
-      yield waitFor(() => {
-        expect(mockOnSearch).toHaveBeenCalledWith('res');
-      });
-      jest.advanceTimersByTime(100);
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: asyncResults,
-        showSearch: true,
-        customPopupRender: true,
-        onSearch: mockOnSearch,
-        searchDebounce: 300,
-        resetSearch: true,
-        staticValue: false
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Result')).toBeInTheDocument();
-      });
-      var option = screen.getByText('Result');
-      yield user.click(option);
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).toHaveClass('ant-select-dropdown-hidden');
-      }, {
-        timeout: 2000
-      });
-      yield user.click(selector);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).not.toHaveClass('ant-select-dropdown-hidden');
-        var searchInputAfter = document.querySelector('input[placeholder="Search"]');
-        expect(searchInputAfter).toBeInTheDocument();
-        expect(searchInputAfter.value).toBe('');
-      });
-    }));
-    it('should close dropdown after confirm button is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      var confirmButton = screen.getByText('Confirm');
-      expect(confirmButton).toBeInTheDocument();
-      yield user.click(confirmButton);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        expect(dropdown).toHaveClass('ant-select-dropdown-hidden');
-      }, {
-        timeout: 2000
-      });
-      var dropdown = document.querySelector('.ant-select-dropdown');
-      expect(dropdown).toHaveClass('ant-select-dropdown-hidden');
-      var option2 = screen.queryByText('Option 2');
-      if (option2) {
-        var isInHiddenDropdown = option2.closest('.ant-select-dropdown-hidden') !== null;
-        expect(isInHiddenDropdown).toBe(true);
-      } else {
-        expect(option2).toBeNull();
-      }
-    }));
-    it('should call onChange with tempValue when confirm is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        onChange: handleChange,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      yield user.click(screen.getByText('Option 2'));
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      expect(handleChange).toHaveBeenCalled();
-      var callArgs = handleChange.mock.calls[0][0];
-      expect(Array.isArray(callArgs)).toBe(true);
-      expect(callArgs).toContain('1');
-      expect(callArgs).toContain('2');
-    }));
-  });
-  describe('Additional Branch Coverage', () => {
-    it('should handle clear all for single select (isMulti false)', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.SELECT,
-        options: options,
-        value: "1",
-        onChange: handleChange,
-        allowClear: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText(DEFAULTS.CLEAR_TEXT)).toBeInTheDocument();
-      });
-      var clearButton = screen.getByText(DEFAULTS.CLEAR_TEXT);
-      yield user.click(clearButton);
-      expect(handleChange).toHaveBeenCalled();
-      expect(handleChange.mock.calls[0][0]).toBeUndefined();
-    }));
-    it('should call onFooterDownloadChange when footer download is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleFooterDownload = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: ['1', '2'],
-        onFooterDownloadChange: handleFooterDownload,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('2 selected')).toBeInTheDocument();
-      });
-      var downloadButton = screen.getByText('2 selected').closest('div');
-      if (downloadButton) {
-        yield user.click(downloadButton);
-        expect(handleFooterDownload).toHaveBeenCalledWith(['1', '2']);
-      }
-    }));
-    it('should call onUpload when upload button is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleUpload = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        onUpload: handleUpload,
-        showUpload: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText(DEFAULTS.UPLOAD_LABEL)).toBeInTheDocument();
-      });
-      var uploadButton = screen.getByText(DEFAULTS.UPLOAD_LABEL).closest('div');
-      if (uploadButton) {
-        yield user.click(uploadButton);
-        expect(handleUpload).toHaveBeenCalled();
-      }
-    }));
-    it('should display uploaded values in dropdown even when they are not in options array', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var uploadedValue = 'uploaded-value-123';
-
-      // Render with value that doesn't exist in options
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: [uploadedValue],
-        showUpload: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText(DEFAULTS.UPLOAD_LABEL)).toBeInTheDocument();
-      });
-      yield waitFor(() => {
-        var uploadedOptions = screen.getAllByText(uploadedValue);
-        expect(uploadedOptions.length).toBeGreaterThanOrEqual(1);
-        var dropdownContainer = document.querySelector('.ant-select-dropdown');
-        if (dropdownContainer) {
-          var optionInDropdown = uploadedOptions.some(el => dropdownContainer.contains(el));
-          expect(optionInDropdown).toBe(true);
-        } else {
-          expect(uploadedOptions.length).toBeGreaterThan(0);
-        }
-      });
-    }));
-    it('should display uploaded values with cached labels when available', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var uploadedValue = 'cached-value-456';
-      var cachedLabel = 'Cached Uploaded Item';
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: [...options, {
-          label: cachedLabel,
-          value: uploadedValue
-        }],
-        value: [uploadedValue],
-        showUpload: true,
-        customPopupRender: true
-      }));
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: [uploadedValue],
-        showUpload: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText(DEFAULTS.UPLOAD_LABEL)).toBeInTheDocument();
-      });
-      yield waitFor(() => {
-        var uploadedOptions = screen.getAllByText(cachedLabel);
-        expect(uploadedOptions.length).toBeGreaterThanOrEqual(1);
-        var dropdownContainer = document.querySelector('.ant-select-dropdown');
-        if (dropdownContainer) {
-          var optionInDropdown = uploadedOptions.some(el => dropdownContainer.contains(el));
-          expect(optionInDropdown).toBe(true);
-        } else {
-          expect(uploadedOptions.length).toBeGreaterThan(0);
-        }
-      });
-    }));
-    it('should keep uploaded values visible during search', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var uploadedValue = 'uploaded-search-test';
-      var searchQuery = 'Option 1';
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: [uploadedValue],
-        showUpload: true,
-        showSearch: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, searchQuery);
-      }));
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield waitFor(() => {
-        var uploadedOptions = screen.getAllByText(uploadedValue);
-        expect(uploadedOptions.length).toBeGreaterThanOrEqual(1);
-        var dropdownContainer = document.querySelector('.ant-select-dropdown');
-        if (dropdownContainer) {
-          var optionInDropdown = uploadedOptions.some(el => dropdownContainer.contains(el));
-          expect(optionInDropdown).toBe(true);
-        } else {
-          expect(uploadedOptions.length).toBeGreaterThan(0);
-        }
-      });
-    }));
-    it('should handle search keydown for Backspace key', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'test');
-      }));
-      yield user.keyboard('{Backspace}');
-      expect(searchInput.value).toBe('tes');
-    }));
-    it('should handle search keydown for Delete key', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'test');
-      }));
-      searchInput.setSelectionRange(2, 2);
-      yield user.keyboard('{Delete}');
-      expect(searchInput.value.length).toBeLessThan(4);
-    }));
-    it('should handle search keydown for Escape key when search text exists', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        showSearch: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'test');
-      }));
-      yield user.keyboard('{Escape}');
-      var dropdown = document.querySelector('.ant-select-dropdown');
-      expect(dropdown).not.toHaveClass('ant-select-dropdown-hidden');
-    }));
-    it('should not open dropdown when readOnly is true', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        readOnly: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var dropdown = document.querySelector('.ant-select-dropdown');
-        if (dropdown) {
-          expect(dropdown).toHaveClass('ant-select-dropdown-hidden');
-        } else {
-          expect(dropdown).toBeNull();
-        }
-      }, {
-        timeout: 1000
-      });
-    }));
-    it('should call onChange when dropdown closes with customPopupRender false', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        onChange: handleChange,
-        customPopupRender: false
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      yield user.click(document.body);
-      yield waitFor(() => {
-        expect(handleChange).toHaveBeenCalled();
-      }, {
-        timeout: 2000
-      });
-    }));
-    it('should merge paginated options with original options when onPopupScroll is provided', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnScroll = jest.fn().mockResolvedValue([{
-        label: 'Paginated Option 1',
-        value: 'page1'
-      }, {
-        label: 'Paginated Option 2',
-        value: 'page2'
-      }]);
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      expect(mockOnScroll).not.toHaveBeenCalled();
-    }));
-    it('should handle handleFooterDownload with single value', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleFooterDownload = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: ['1'],
-        onFooterDownloadChange: handleFooterDownload,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var downloadText = screen.queryByText('1 selected');
-        expect(downloadText).toBeInTheDocument();
-      });
-      var downloadText = screen.getByText('1 selected');
-      var downloadButton = downloadText.closest('div');
-      if (downloadButton) {
-        yield user.click(downloadButton);
-        expect(handleFooterDownload).toHaveBeenCalled();
-        expect(Array.isArray(handleFooterDownload.mock.calls[0][0])).toBe(true);
-        expect(handleFooterDownload.mock.calls[0][0]).toContain('1');
-      }
-    }));
-    it('should handle handleFooterDownload with undefined tempValue', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleFooterDownload = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        onFooterDownloadChange: handleFooterDownload,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-    }));
-    it('should reset pagination when search text changes', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnScroll = jest.fn().mockResolvedValue([]);
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnScroll,
-        showSearch: true,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-        expect(searchInput).toBeInTheDocument();
-      });
-      var searchInput = document.querySelector("input[placeholder=\"" + DEFAULTS.SEARCH_PLACEHOLDER + "\"]");
-      expect(searchInput).toBeTruthy();
-      yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-        yield user.type(searchInput, 'test');
-      }));
-      expect(searchInput.value).toBe('test');
-    }));
-    it('should reset pagination when dropdown opens', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnScroll = jest.fn().mockResolvedValue([]);
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-
-      // The branch: else if (dropdownOpen) should be covered
-      // This happens when dropdown opens without search text
-    }));
-    it('should handle options with pre-rendered React element titles', /*#__PURE__*/_asyncToGenerator(function* () {
-      var optionsWithReactTitle = getMockOptionsWithReactTitle();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: optionsWithReactTitle,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      var user = userEvent.setup();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-    }));
-    it('should reset tempValue to value when customPopupRender is true and dropdown closes', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        value: ['1'],
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        var option1Elements = screen.getAllByText('Option 1');
-        expect(option1Elements.length).toBeGreaterThan(0);
-      });
-      var option2Elements = screen.getAllByText('Option 2');
-      if (option2Elements.length > 0) {
-        yield user.click(option2Elements[0]);
-      }
-      yield user.click(document.body);
-      yield waitFor(() => {
-        expect(selector).toBeInTheDocument();
-      }, {
-        timeout: 1000
-      });
-    }));
-  });
-  describe('resetData fallback timeout', () => {
-    beforeEach(() => {
-      jest.useFakeTimers();
-      jest.spyOn(console, 'error').mockImplementation(() => {});
-    });
-    afterEach(() => {
-      jest.runOnlyPendingTimers();
-      jest.useRealTimers();
-      jest.restoreAllMocks();
-    });
-    it('should clear isResettingData after 1 second timeout when options do not update', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockResetData = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        customPopupRender: true,
-        resetData: mockResetData
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      expect(mockResetData).toHaveBeenCalled();
-      jest.advanceTimersByTime(1000);
-      yield user.click(selector);
-      yield waitFor(() => {
-        var optionElements = screen.getAllByText('Option 1');
-        expect(optionElements.length).toBeGreaterThan(0);
-      });
-      var loadingOverlay = container.querySelector('.cap-unified-select-loading-overlay');
-      expect(loadingOverlay).not.toBeInTheDocument();
-    }));
-    it('should update prevOptionsBeforeResetRef and clear resetDataCalledTimeRef when timeout fires', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockResetData = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      var initialOptions = mockInitialOptions;
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: initialOptions,
-        customPopupRender: true,
-        resetData: mockResetData
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Initial Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Initial Option 1'));
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      expect(mockResetData).toHaveBeenCalled();
-      jest.advanceTimersByTime(1000);
-      yield user.click(selector);
-      yield waitFor(() => {
-        var optionElements = screen.getAllByText('Initial Option 1');
-        expect(optionElements.length).toBeGreaterThan(0);
-      });
-      var loadingOverlay = container.querySelector('.cap-unified-select-loading-overlay');
-      expect(loadingOverlay).not.toBeInTheDocument();
-    }));
-    it('should cleanup timeout when component unmounts', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockResetData = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      var clearTimeoutSpy = jest.spyOn(global, 'clearTimeout');
-      var {
-        unmount
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        customPopupRender: true,
-        resetData: mockResetData
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      expect(mockResetData).toHaveBeenCalled();
-      unmount();
-      expect(clearTimeoutSpy).toHaveBeenCalled();
-      clearTimeoutSpy.mockRestore();
-    }));
-    it('should cleanup timeout when options change and dependency updates', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockResetData = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      var clearTimeoutSpy = jest.spyOn(global, 'clearTimeout');
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        customPopupRender: true,
-        resetData: mockResetData
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      expect(mockResetData).toHaveBeenCalled();
-      var newOptions = mockNewOptions;
-      rerender(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: newOptions,
-        customPopupRender: true,
-        resetData: mockResetData
-      }));
-      expect(clearTimeoutSpy).toHaveBeenCalled();
-      clearTimeoutSpy.mockRestore();
-    }));
-    it('should handle timeout when options change but isResettingData remains true', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockResetData = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        type: SELECT_TYPES.MULTI_SELECT,
-        options: options,
-        customPopupRender: true,
-        resetData: mockResetData
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      yield user.click(screen.getByText('Option 1'));
-      var confirmButton = screen.getByText('Confirm');
-      yield user.click(confirmButton);
-      expect(mockResetData).toHaveBeenCalled();
-      jest.advanceTimersByTime(1000);
-      yield user.click(selector);
-      yield waitFor(() => {
-        var optionElements = screen.getAllByText('Option 1');
-        expect(optionElements.length).toBeGreaterThan(0);
-      });
-      var loadingOverlay = container.querySelector('.cap-unified-select-loading-overlay');
-      expect(loadingOverlay).not.toBeInTheDocument();
-    }));
-  });
-  describe('handleScroll - onPopupScroll functionality', () => {
-    beforeEach(() => {
-      jest.useFakeTimers();
-      jest.spyOn(console, 'error').mockImplementation(() => {});
-    });
-    afterEach(() => {
-      jest.runOnlyPendingTimers();
-      jest.useRealTimers();
-      jest.restoreAllMocks();
-    });
-    var setupScrollContainer = function setupScrollContainer(scrollHeight, clientHeight) {
-      if (scrollHeight === void 0) {
-        scrollHeight = 1000;
-      }
-      if (clientHeight === void 0) {
-        clientHeight = 100;
-      }
-      var scrollContainer = document.querySelector('.ant-select-tree-list-holder');
-      if (scrollContainer) {
-        Object.defineProperty(scrollContainer, 'scrollHeight', {
-          value: scrollHeight,
-          writable: true,
-          configurable: true
-        });
-        Object.defineProperty(scrollContainer, 'clientHeight', {
-          value: clientHeight,
-          writable: true,
-          configurable: true
-        });
-      }
-      return scrollContainer;
-    };
-    var setScrollTop = (element, value) => {
-      Object.defineProperty(element, 'scrollTop', {
-        get: () => value,
-        set: () => {},
-        configurable: true
-      });
-    };
-    it('should not call onPopupScroll when onPopupScroll prop is not provided', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = document.querySelector('.ant-select-tree-list-holder');
-      if (scrollContainer) {
-        Object.defineProperty(scrollContainer, 'scrollHeight', {
-          value: 1000,
-          writable: true
-        });
-        setScrollTop(scrollContainer, 900);
-        Object.defineProperty(scrollContainer, 'clientHeight', {
-          value: 100,
-          writable: true
-        });
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        jest.advanceTimersByTime(150);
-        expect(scrollContainer).toBeInTheDocument();
-      }
-    }));
-    it('should return early when event target is null', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = document.querySelector('.ant-select-tree-list-holder');
-      if (scrollContainer) {
-        expect(mockOnPopupScroll).not.toHaveBeenCalled();
-      }
-    }));
-    it('should reset processing flag and return early when scroll is not near bottom', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = document.querySelector('.ant-select-tree-list-holder');
-      if (scrollContainer) {
-        Object.defineProperty(scrollContainer, 'scrollHeight', {
-          value: 1000,
-          writable: true,
-          configurable: true
-        });
-        Object.defineProperty(scrollContainer, 'clientHeight', {
-          value: 100,
-          writable: true,
-          configurable: true
-        });
-      }
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 100);
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        jest.advanceTimersByTime(150);
-        expect(mockOnPopupScroll).not.toHaveBeenCalled();
-      }
-    }));
-    it('should return early when already processing (isScrollProcessingRef is true)', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent1 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent1);
-        jest.advanceTimersByTime(50);
-        var scrollEvent2 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent2);
-        jest.advanceTimersByTime(100);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalledTimes(1);
-        });
-      }
-    }));
-    it('should return early when already loading (isLoadingOnScroll is true)', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent1 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent1);
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalledTimes(1);
-        });
-        var scrollEvent2 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent2);
-        jest.advanceTimersByTime(150);
-        expect(mockOnPopupScroll).toHaveBeenCalledTimes(1);
-      }
-    }));
-    it('should clear existing throttle timeout before setting new one', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var clearTimeoutSpy = jest.spyOn(global, 'clearTimeout');
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent1 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent1);
-        jest.advanceTimersByTime(50);
-        var scrollEvent2 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent2);
-        expect(clearTimeoutSpy).toHaveBeenCalled();
-        clearTimeoutSpy.mockRestore();
-      }
-    }));
-    it('should call onPopupScroll when scroll is near bottom after throttle delay', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        expect(mockOnPopupScroll).not.toHaveBeenCalled();
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalledTimes(1);
-        });
-      }
-    }));
-    it('should set isLoadingOnScroll to true when scroll is near bottom', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          var loadingIndicator = document.querySelector('.cap-unified-select-scroll-loading');
-          expect(loadingIndicator || mockOnPopupScroll).toBeTruthy();
-        });
-      }
-    }));
-    it('should not call onPopupScroll if scroll position changes away from bottom during throttle', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      jest.advanceTimersByTime(100);
-      var scrollContainer = document.querySelector('.ant-select-tree-list-holder');
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        jest.advanceTimersByTime(50);
-        setScrollTop(scrollContainer, 100);
-        jest.advanceTimersByTime(100);
-        expect(mockOnPopupScroll).not.toHaveBeenCalled();
-      }
-    }));
-    it('should clear existing scrollLoadingTimeout before setting new one', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var clearTimeoutSpy = jest.spyOn(global, 'clearTimeout');
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent1 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent1);
-        jest.advanceTimersByTime(150);
-        var scrollEvent2 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent2);
-        jest.advanceTimersByTime(150);
-        expect(clearTimeoutSpy).toHaveBeenCalled();
-        clearTimeoutSpy.mockRestore();
-      }
-    }));
-    it('should set fallback timeout to clear loading state if options do not change', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalled();
-        });
-        yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-          jest.advanceTimersByTime(10000);
-        }));
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent2 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent2);
-        yield act(/*#__PURE__*/_asyncToGenerator(function* () {
-          jest.advanceTimersByTime(150);
-        }));
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalledTimes(2);
-        });
-      }
-    }));
-    it('should store options count and references before calling onPopupScroll', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      var initialOptions = [{
-        label: 'Option 1',
-        value: '1'
-      }, {
-        label: 'Option 2',
-        value: '2'
-      }];
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: initialOptions,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalled();
-        });
-        expect(mockOnPopupScroll).toHaveBeenCalledTimes(1);
-      }
-    }));
-    it('should handle rapid scroll events with throttling', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        for (var i = 0; i < 5; i++) {
-          var scrollEvent = new Event('scroll', {
-            bubbles: true
-          });
-          scrollContainer.dispatchEvent(scrollEvent);
-          jest.advanceTimersByTime(10);
-        }
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalled();
-        });
-        expect(mockOnPopupScroll.mock.calls.length).toBeLessThanOrEqual(2);
-      }
-    }));
-    it('should reset processing flag when scroll moves away from bottom', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent1 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent1);
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalledTimes(1);
-        });
-        setScrollTop(scrollContainer, 100);
-        var scrollEvent2 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent2);
-        jest.advanceTimersByTime(150);
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent3 = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent3);
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalledTimes(2);
-        });
-      }
-    }));
-    it('should handle edge case where scrollHeight equals scrollTop plus clientHeight exactly', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 900);
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalled();
-        });
-      }
-    }));
-    it('should handle case where scrollHeight - scrollTop is less than clientHeight (definitely near bottom)', /*#__PURE__*/_asyncToGenerator(function* () {
-      var mockOnPopupScroll = jest.fn();
-      var user = userEvent.setup({
-        delay: null
-      });
-      render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-        options: options,
-        onPopupScroll: mockOnPopupScroll,
-        customPopupRender: true
-      }));
-      var selector = document.querySelector('.ant-select-content');
-      expect(selector).toBeTruthy();
-      yield user.click(selector);
-      yield waitFor(() => {
-        expect(screen.getByText('Option 1')).toBeInTheDocument();
-      });
-      var scrollContainer = setupScrollContainer();
-      jest.advanceTimersByTime(100);
-      if (scrollContainer) {
-        setScrollTop(scrollContainer, 950);
-        var scrollEvent = new Event('scroll', {
-          bubbles: true
-        });
-        scrollContainer.dispatchEvent(scrollEvent);
-        jest.advanceTimersByTime(150);
-        yield waitFor(() => {
-          expect(mockOnPopupScroll).toHaveBeenCalled();
-        });
-      }
-    }));
-  });
-});
-describe('CapUnifiedSelect Snapshots', () => {
-  var simpleOptions = [{
-    value: '1',
-    label: 'Option 1'
-  }, {
-    value: '2',
-    label: 'Option 2'
-  }, {
-    value: '3',
-    label: 'Option 3'
-  }];
-  var treeOptions = [{
-    value: 'parent1',
-    label: 'Parent 1',
-    children: [{
-      value: 'child1',
-      label: 'Child 1'
-    }, {
-      value: 'child2',
-      label: 'Child 2'
-    }]
-  }];
-  it('should match snapshot with default props', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      placeholder: "Select an option"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with selected value', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      value: "1"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with header label', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      headerLabel: "Select Header"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with error state', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      isError: true,
-      errorMessage: "This field is required"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot when disabled', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      disabled: true,
-      placeholder: "Disabled"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with multi-select type', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      type: SELECT_TYPES.MULTI_SELECT,
-      options: simpleOptions,
-      placeholder: "Select multiple"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with tree select type', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      type: SELECT_TYPES.TREE_SELECT,
-      options: treeOptions,
-      placeholder: "Select from tree"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with tooltip', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      tooltip: "This is a helpful tooltip",
-      headerLabel: "With Tooltip"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with byline text', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      bylineText: "Additional information",
-      headerLabel: "With Byline"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with custom className', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      className: "custom-select",
-      containerClassName: "custom-container"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot in readOnly mode', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapUnifiedSelect, {
-      options: simpleOptions,
-      value: "1",
-      readOnly: true
-    }));
-    expect(container).toMatchSnapshot();
-  });
-});