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

package/CapInput/tests/CapInput.test.js

@@ -1,796 +0,0 @@
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { render, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import CapInput from "../index";
-import { mockErrorMessages, mockPlaceholders, mockSuffixes, mockValues, propsDisabled, propsReadOnly, propsWithAlwaysShowFocus, propsWithCustomSuffix, propsWithError, propsWithPrefix, propsWithShowSuffixFalse, propsWithValue, propsWithVerified } from "../tests/CapInput.mockData";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-describe('CapInput', () => {
-  describe('Default rendering', () => {
-    it('should render input field with placeholder', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default
-      }));
-      expect(screen.getByPlaceholderText(mockPlaceholders.default)).toBeInTheDocument();
-    });
-    it('should render input field without placeholder', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {}));
-      var input = screen.getByRole('textbox');
-      expect(input).toBeInTheDocument();
-    });
-    it('should have displayName set', () => {
-      expect(CapInput.displayName).toBe('ComponentWithLabel(CapInput)');
-    });
-  });
-  describe('Prop variations - Size', () => {
-    it.each([['small', 'small'], ['middle', 'middle'], ['large', 'large']])('should render with %s size', (sizeName, sizeValue) => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        size: sizeValue
-      }));
-      var input = container.querySelector('input');
-      expect(input).toBeInTheDocument();
-    });
-    it('should render with large size by default', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default
-      }));
-      var input = container.querySelector('input');
-      expect(input).toBeInTheDocument();
-    });
-  });
-  describe('Prop variations - Variant', () => {
-    it.each([['outlined', 'outlined'], ['borderless', 'borderless'], ['filled', 'filled'], ['underlined', 'underlined']])('should render with %s variant', (variantName, variantValue) => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        variant: variantValue
-      }));
-      var input = container.querySelector('input');
-      expect(input).toBeInTheDocument();
-    });
-  });
-  describe('Prop variations - Disabled and ReadOnly', () => {
-    it('should render as disabled when disabled prop is true', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsDisabled)));
-      var wrapper = container.querySelector('.component-with-label--disabled');
-      expect(wrapper).toBeInTheDocument();
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toBeDisabled();
-    });
-    it('should render as enabled when disabled prop is false', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        disabled: false
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).not.toBeDisabled();
-    });
-    it('should render as readOnly when readOnly prop is true', () => {
-      render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsReadOnly)));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toHaveAttribute('readonly');
-    });
-    it('should render as editable when readOnly prop is false', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        readOnly: false
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).not.toHaveAttribute('readonly');
-    });
-  });
-  describe('Prop variations - Value and Placeholder', () => {
-    it('should render with value', () => {
-      render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithValue)));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input.value).toBe(mockValues.normal);
-    });
-    it('should render with empty value', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        value: mockValues.empty
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input.value).toBe('');
-    });
-    it('should render with long value', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        value: mockValues.long
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input.value).toBe(mockValues.long);
-    });
-    it('should render with long placeholder', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.long
-      }));
-      expect(screen.getByPlaceholderText(mockPlaceholders.long)).toBeInTheDocument();
-    });
-  });
-  describe('Prop variations - Prefix', () => {
-    it('should render with prefix element', () => {
-      render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithPrefix)));
-      expect(screen.getByTestId('prefix-icon')).toBeInTheDocument();
-    });
-    it('should render without prefix when prefix is not provided', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default
-      }));
-      expect(screen.queryByTestId('prefix-icon')).not.toBeInTheDocument();
-    });
-  });
-  describe('Prop variations - Suffix priority logic', () => {
-    it('should show error icon when errorMessage is provided (highest priority)', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithError)));
-      var errorWrapper = container.querySelector('.component-with-label--error');
-      expect(errorWrapper).toBeInTheDocument();
-      var errorMessage = container.querySelector('.component-with-label-error-message');
-      expect(errorMessage).toBeInTheDocument();
-    });
-    it('should show verified icon when isVerified is true and no errorMessage', () => {
-      render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithVerified)));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      var suffixContainer = input.closest('.ant-input-affix-wrapper');
-      expect(suffixContainer).toBeInTheDocument();
-      // Verified icon should be present (CheckCircleOutlined)
-      var verifiedIcon = suffixContainer == null ? void 0 : suffixContainer.querySelector('.anticon-check-circle');
-      expect(verifiedIcon).toBeInTheDocument();
-    });
-    it('should show custom suffix when provided and no errorMessage or isVerified', () => {
-      render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithCustomSuffix)));
-      expect(screen.getByTestId('text-suffix')).toBeInTheDocument();
-    });
-    it('should prioritize errorMessage over isVerified', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        errorMessage: mockErrorMessages.short,
-        isVerified: true
-      }));
-      var errorWrapper = container.querySelector('.component-with-label--error');
-      expect(errorWrapper).toBeInTheDocument();
-      var errorMessage = container.querySelector('.component-with-label-error-message');
-      expect(errorMessage).toBeInTheDocument();
-    });
-    it('should prioritize errorMessage over custom suffix', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        errorMessage: mockErrorMessages.short,
-        suffix: mockSuffixes.text
-      }));
-      var errorWrapper = container.querySelector('.component-with-label--error');
-      expect(errorWrapper).toBeInTheDocument();
-      var errorMessage = container.querySelector('.component-with-label-error-message');
-      expect(errorMessage).toBeInTheDocument();
-    });
-    it('should prioritize isVerified over custom suffix', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        isVerified: true,
-        suffix: mockSuffixes.text
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      var suffixContainer = input.closest('.ant-input-affix-wrapper');
-      var verifiedIcon = suffixContainer == null ? void 0 : suffixContainer.querySelector('.anticon-check-circle');
-      expect(verifiedIcon).toBeInTheDocument();
-      expect(screen.queryByTestId('text-suffix')).not.toBeInTheDocument();
-    });
-    it('should show no suffix when showSuffix is false even with custom suffix', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        suffix: mockSuffixes.text,
-        showSuffix: false
-      }));
-      expect(screen.queryByTestId('text-suffix')).not.toBeInTheDocument();
-    });
-    it('should show suffix by default when showSuffix is not provided', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        isVerified: true
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      var suffixContainer = input.closest('.ant-input-affix-wrapper');
-      var verifiedIcon = suffixContainer == null ? void 0 : suffixContainer.querySelector('.anticon-check-circle');
-      expect(verifiedIcon).toBeInTheDocument();
-    });
-  });
-  describe('Prop variations - Error message', () => {
-    it('should set error status when errorMessage is provided', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithError)));
-      var wrapper = container.querySelector('.component-with-label--error');
-      expect(wrapper).toBeInTheDocument();
-      var errorMessage = container.querySelector('.component-with-label-error-message');
-      expect(errorMessage).toBeInTheDocument();
-    });
-    it('should handle ReactNode errorMessage', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        errorMessage: mockErrorMessages.html
-      }));
-      var wrapper = container.querySelector('.component-with-label--error');
-      expect(wrapper).toBeInTheDocument();
-      var errorMessage = container.querySelector('.component-with-label-error-message');
-      expect(errorMessage).toBeInTheDocument();
-    });
-  });
-  describe('User interactions - Typing', () => {
-    it('should handle text input', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.type(input, mockValues.normal);
-      expect(input.value).toBe(mockValues.normal);
-    }));
-    it('should handle empty input', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleChange = jest.fn();
-      var {
-        rerender
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        value: mockValues.normal,
-        onChange: handleChange
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      // For controlled inputs, clear and update value
-      yield user.clear(input);
-      // Rerender with empty value to simulate controlled input behavior
-      rerender(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        value: "",
-        onChange: handleChange
-      }));
-      expect(input.value).toBe('');
-    }));
-    it('should handle long text input', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.type(input, mockValues.long);
-      expect(input.value).toBe(mockValues.long);
-    }));
-    it('should not allow typing when disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsDisabled)));
-      var wrapper = container.querySelector('.component-with-label--disabled');
-      expect(wrapper).toBeInTheDocument();
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toBeDisabled();
-      yield user.type(input, 'test');
-      expect(input).toHaveValue('');
-    }));
-    it('should not allow typing when readOnly', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsReadOnly)));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.type(input, 'test');
-      // readOnly doesn't prevent typing in the DOM, but the value shouldn't change in controlled mode
-      // This test verifies the input is readOnly
-      expect(input).toHaveAttribute('readonly');
-    }));
-  });
-  describe('User interactions - Focus and Blur', () => {
-    it('should handle focus event', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleFocus = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        onFocus: handleFocus
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.click(input);
-      expect(handleFocus).toHaveBeenCalled();
-    }));
-    it('should handle blur event', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleBlur = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        onBlur: handleBlur
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.click(input);
-      yield user.tab();
-      expect(handleBlur).toHaveBeenCalled();
-    }));
-    it('should focus input when alwaysShowFocus is true', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleFocus = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithAlwaysShowFocus, {
-        onFocus: handleFocus
-      })));
-      yield waitFor(() => {
-        expect(handleFocus).toHaveBeenCalled();
-      });
-    }));
-    it('should not auto-focus when alwaysShowFocus is false', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleFocus = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        alwaysShowFocus: false,
-        onFocus: handleFocus
-      }));
-      // Wait a bit to ensure focus doesn't happen
-      yield new Promise(resolve => setTimeout(resolve, 100));
-      expect(handleFocus).not.toHaveBeenCalled();
-    }));
-  });
-  describe('Callbacks - onChange', () => {
-    it('should call onChange when input value changes', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleChange = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        onChange: handleChange
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.type(input, 'a');
-      expect(handleChange).toHaveBeenCalled();
-    }));
-    it('should call onChange with correct event', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleChange = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        onChange: handleChange
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.type(input, 'test');
-      expect(handleChange).toHaveBeenCalled();
-      var lastCall = handleChange.mock.calls[handleChange.mock.calls.length - 1];
-      expect(lastCall[0].target.value).toBe('test');
-    }));
-    it('should call onChange multiple times for multiple characters', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleChange = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        onChange: handleChange
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.type(input, 'abc');
-      expect(handleChange).toHaveBeenCalledTimes(3);
-    }));
-    it('should not call onChange when disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleChange = jest.fn();
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsDisabled, {
-        onChange: handleChange
-      })));
-      var wrapper = container.querySelector('.component-with-label--disabled');
-      expect(wrapper).toBeInTheDocument();
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toBeDisabled();
-      yield user.type(input, 'test');
-      expect(handleChange).not.toHaveBeenCalled();
-    }));
-  });
-  describe('Callbacks - onPressEnter', () => {
-    it('should call onPressEnter when Enter key is pressed', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handlePressEnter = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        onPressEnter: handlePressEnter
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.type(input, 'test');
-      yield user.keyboard('{Enter}');
-      expect(handlePressEnter).toHaveBeenCalled();
-    }));
-    it('should call onPressEnter with correct event', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handlePressEnter = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        onPressEnter: handlePressEnter
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.type(input, 'test');
-      yield user.keyboard('{Enter}');
-      expect(handlePressEnter).toHaveBeenCalled();
-      var callArgs = handlePressEnter.mock.calls[0];
-      expect(callArgs[0]).toBeDefined();
-    }));
-  });
-  describe('Callbacks - onClick', () => {
-    it('should call onClick when input is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleClick = jest.fn();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        onClick: handleClick
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.click(input);
-      expect(handleClick).toHaveBeenCalled();
-    }));
-  });
-  describe('Ref forwarding', () => {
-    it('should forward ref to Input component', () => {
-      var ref = /*#__PURE__*/React.createRef();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        ref: ref
-      }));
-      expect(ref.current).toBeDefined();
-      if (ref.current && 'input' in ref.current) {
-        expect(ref.current.input).toBeDefined();
-      }
-    });
-    it('should allow focusing input via ref', /*#__PURE__*/_asyncToGenerator(function* () {
-      var ref = /*#__PURE__*/React.createRef();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        ref: ref
-      }));
-      if (ref.current) {
-        ref.current.focus();
-        expect(ref.current).toBeDefined();
-      }
-    }));
-    it('should use internal ref when external ref is not provided', () => {
-      render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithAlwaysShowFocus)));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      // Component should still work with internal ref
-      expect(input).toBeInTheDocument();
-    });
-  });
-  describe('Edge cases', () => {
-    it('should handle empty placeholder', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: ""
-      }));
-      var input = screen.getByRole('textbox');
-      expect(input).toBeInTheDocument();
-    });
-    it('should handle undefined placeholder', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {}));
-      var input = screen.getByRole('textbox');
-      expect(input).toBeInTheDocument();
-    });
-    it('should handle null value', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        value: null
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input.value).toBe('');
-    });
-    it('should handle undefined value', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        value: undefined
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input.value).toBe('');
-    });
-    it('should handle combination of errorMessage and disabled', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        errorMessage: mockErrorMessages.short,
-        disabled: true
-      }));
-      var wrapper = container.querySelector('.component-with-label--disabled');
-      expect(wrapper).toBeInTheDocument();
-      expect(wrapper).toHaveClass('component-with-label--error');
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toBeDisabled();
-    });
-    it('should handle combination of isVerified and disabled', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        isVerified: true,
-        disabled: true
-      }));
-      var wrapper = container.querySelector('.component-with-label--disabled');
-      expect(wrapper).toBeInTheDocument();
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toBeDisabled();
-    });
-    it('should handle combination of errorMessage and readOnly', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        errorMessage: mockErrorMessages.short,
-        readOnly: true
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toHaveAttribute('readonly');
-      var wrapper = container.querySelector('.component-with-label--error');
-      expect(wrapper).toBeInTheDocument();
-      // Check that error message is displayed
-      var errorMessage = container.querySelector('.component-with-label-error-message');
-      expect(errorMessage).toBeInTheDocument();
-    });
-    it('should handle all size variants with errorMessage', () => {
-      var sizes = ['small', 'middle', 'large'];
-      sizes.forEach(size => {
-        var {
-          container
-        } = render(/*#__PURE__*/_jsx(CapInput, {
-          placeholder: mockPlaceholders.default,
-          size: size,
-          errorMessage: mockErrorMessages.short
-        }));
-        var input = container.querySelector('input');
-        expect(input).toBeInTheDocument();
-      });
-    });
-    it('should handle all size variants with isVerified', () => {
-      var sizes = ['small', 'middle', 'large'];
-      sizes.forEach(size => {
-        var {
-          container
-        } = render(/*#__PURE__*/_jsx(CapInput, {
-          placeholder: mockPlaceholders.default,
-          size: size,
-          isVerified: true
-        }));
-        var input = container.querySelector('input');
-        expect(input).toBeInTheDocument();
-      });
-    });
-  });
-  describe('Accessibility', () => {
-    it('should have textbox role', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default
-      }));
-      var input = screen.getByRole('textbox');
-      expect(input).toBeInTheDocument();
-    });
-    it('should be keyboard accessible', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.tab();
-      expect(input).toHaveFocus();
-    }));
-    it('should support tab navigation', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(CapInput, {
-          placeholder: "Input 1"
-        }), /*#__PURE__*/_jsx(CapInput, {
-          placeholder: "Input 2"
-        })]
-      }));
-      var input1 = screen.getByPlaceholderText('Input 1');
-      var input2 = screen.getByPlaceholderText('Input 2');
-      yield user.tab();
-      expect(input1).toHaveFocus();
-      yield user.tab();
-      expect(input2).toHaveFocus();
-    }));
-    it('should be focusable when not disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      yield user.tab();
-      expect(input).toHaveFocus();
-    }));
-    it('should not be focusable when disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsDisabled)));
-      var wrapper = container.querySelector('.component-with-label--disabled');
-      expect(wrapper).toBeInTheDocument();
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toBeDisabled();
-      yield user.tab();
-      expect(input).not.toHaveFocus();
-    }));
-  });
-  describe('Ant Design InputProps passthrough', () => {
-    it('should pass through className prop', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        className: "custom-class"
-      }));
-      // Check if custom-class exists in the container (could be on wrapper or input)
-      var customClassElement = container.querySelector('.custom-class');
-      expect(customClassElement).toBeTruthy();
-    });
-    it('should pass through id prop', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        id: "test-input"
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toHaveAttribute('id', 'test-input');
-    });
-    it('should pass through name prop', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        name: "test-name"
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toHaveAttribute('name', 'test-name');
-    });
-    it('should pass through maxLength prop', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        maxLength: 10
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toHaveAttribute('maxLength', '10');
-    });
-    it('should pass through autoComplete prop', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        autoComplete: "email"
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toHaveAttribute('autocomplete', 'email');
-    });
-    it('should pass through type prop', () => {
-      render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        type: "password"
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toHaveAttribute('type', 'password');
-    });
-    it('should pass through allowClear prop', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapInput, {
-        placeholder: mockPlaceholders.default,
-        allowClear: true
-      }));
-      var input = screen.getByPlaceholderText(mockPlaceholders.default);
-      expect(input).toBeInTheDocument();
-      // allowClear adds a clear button
-      var clearButton = container.querySelector('.ant-input-clear-icon');
-      expect(clearButton).toBeInTheDocument();
-    });
-  });
-});
-describe('CapInput Snapshots', () => {
-  it('should match snapshot with default props', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, {
-      placeholder: mockPlaceholders.default
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with error message', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithError)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with verified state', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithVerified)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with custom suffix', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithCustomSuffix)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with hidden suffix', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithShowSuffixFalse)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot when disabled', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsDisabled)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with value', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithValue, {
-      readOnly: true
-    })));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with prefix', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, _extends({}, propsWithPrefix)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with small size', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, {
-      placeholder: mockPlaceholders.default,
-      size: "small"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with middle size', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, {
-      placeholder: mockPlaceholders.default,
-      size: "middle"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with large size', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, {
-      placeholder: mockPlaceholders.default,
-      size: "large"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with borderless variant', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, {
-      placeholder: mockPlaceholders.default,
-      variant: "borderless"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with filled variant', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, {
-      placeholder: mockPlaceholders.default,
-      variant: "filled"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with underlined variant', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapInput, {
-      placeholder: mockPlaceholders.default,
-      variant: "underlined"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-});