@capillarytech/blaze-ui 5.23.3-beta.3 → 5.23.3-beta.4

package/CapCheckbox/tests/CapCheckbox.test.js

@@ -1,1012 +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 } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import CapCheckbox from '..';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-describe('CapCheckbox - Default Rendering', () => {
-  it('should render checkbox with label', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Checkbox Label"
-    }));
-    expect(screen.getByRole('checkbox')).toBeInTheDocument();
-    expect(screen.getByText('Checkbox Label')).toBeInTheDocument();
-  });
-  it('should render checkbox without children', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {}));
-    expect(screen.getByRole('checkbox')).toBeInTheDocument();
-  });
-  it('should render with default h4 labelType', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Checkbox"
-    }));
-    expect(screen.getByRole('checkbox')).toBeInTheDocument();
-  });
-  it('should apply wrapper className', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "custom-class",
-      children: "Checkbox"
-    }));
-    var wrapper = container.querySelector('.cap-checkbox-wrapper');
-    expect(wrapper).toBeInTheDocument();
-  });
-});
-describe('CapCheckbox - Prop Variations', () => {
-  describe('checked state', () => {
-    it('should render as checked when checked prop is true', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        checked: true,
-        children: "Checked"
-      }));
-      expect(screen.getByRole('checkbox')).toBeChecked();
-    });
-    it('should render as unchecked when checked prop is false', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        checked: false,
-        children: "Unchecked"
-      }));
-      expect(screen.getByRole('checkbox')).not.toBeChecked();
-    });
-    it('should render as unchecked when checked prop is undefined', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        children: "Unchecked"
-      }));
-      expect(screen.getByRole('checkbox')).not.toBeChecked();
-    });
-  });
-  describe('defaultChecked (uncontrolled)', () => {
-    it('should render as checked when defaultChecked is true', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        defaultChecked: true,
-        children: "Default Checked"
-      }));
-      expect(screen.getByRole('checkbox')).toBeChecked();
-    });
-    it('should render as unchecked when defaultChecked is false', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        defaultChecked: false,
-        children: "Default Unchecked"
-      }));
-      expect(screen.getByRole('checkbox')).not.toBeChecked();
-    });
-  });
-  describe('indeterminate state', () => {
-    it('should render as indeterminate when indeterminate prop is true', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        indeterminate: true,
-        children: "Indeterminate"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      var checkboxWrapper = checkbox.parentElement;
-      expect(checkbox.indeterminate).toBe(true);
-      expect(checkboxWrapper).toHaveClass('ant-checkbox-indeterminate');
-    });
-    it('should render indeterminate checkbox as checked when also checked', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        indeterminate: true,
-        checked: true,
-        children: "Indeterminate Checked"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      var checkboxWrapper = checkbox.parentElement;
-      expect(checkbox.indeterminate).toBe(true);
-      expect(checkboxWrapper).toHaveClass('ant-checkbox-indeterminate');
-    });
-  });
-  describe('disabled state', () => {
-    it('should render as disabled when disabled prop is true', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: true,
-        children: "Disabled"
-      }));
-      expect(screen.getByRole('checkbox')).toBeDisabled();
-    });
-    it('should render as enabled when disabled prop is false', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: false,
-        children: "Enabled"
-      }));
-      expect(screen.getByRole('checkbox')).not.toBeDisabled();
-    });
-    it('should render disabled checked checkbox', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: true,
-        checked: true,
-        children: "Disabled Checked"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      expect(checkbox).toBeDisabled();
-      expect(checkbox).toBeChecked();
-    });
-    it('should render disabled indeterminate checkbox', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: true,
-        indeterminate: true,
-        children: "Disabled Indeterminate"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      var checkboxWrapper = checkbox.parentElement;
-      expect(checkbox).toBeDisabled();
-      expect(checkbox.indeterminate).toBe(true);
-      expect(checkboxWrapper).toHaveClass('ant-checkbox-indeterminate');
-    });
-  });
-  describe('autoFocus', () => {
-    it('should auto focus checkbox when autoFocus is true', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        autoFocus: true,
-        children: "Auto Focus"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      expect(checkbox).toHaveFocus();
-    });
-    it('should not auto focus checkbox when autoFocus is false', () => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        autoFocus: false,
-        children: "No Auto Focus"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      expect(checkbox).not.toHaveFocus();
-    });
-  });
-  describe('labelType', () => {
-    it.each([['h1', 'Heading 1'], ['h2', 'Heading 2'], ['h3', 'Heading 3'], ['h4', 'Heading 4'], ['h5', 'Heading 5'], ['h6', 'Heading 6'], ['label1', 'Label 1'], ['label2', 'Label 2'], ['label3', 'Label 3'], ['label4', 'Label 4'], ['label5', 'Label 5'], ['label6', 'Label 6']])('should render with labelType %s', (labelType, text) => {
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        labelType: labelType,
-        children: text
-      }));
-      expect(screen.getByRole('checkbox')).toBeInTheDocument();
-      expect(screen.getByText(text)).toBeInTheDocument();
-    });
-  });
-  describe('className', () => {
-    it('should apply custom className', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-        className: "custom-class",
-        children: "Checkbox"
-      }));
-      var checkboxWrapper = container.querySelector('.custom-class');
-      expect(checkboxWrapper).toBeInTheDocument();
-    });
-    it('should apply multiple classNames', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-        className: "class1 class2",
-        children: "Checkbox"
-      }));
-      var checkboxWrapper = container.querySelector('.class1.class2');
-      expect(checkboxWrapper).toBeInTheDocument();
-    });
-  });
-});
-describe('CapCheckbox - User Interactions', () => {
-  describe('click interactions', () => {
-    it('should toggle checkbox on click', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup({
-        pointerEventsCheck: 0
-      });
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        children: "Click me"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      expect(checkbox).not.toBeChecked();
-      yield user.click(checkbox);
-      expect(checkbox).toBeChecked();
-      yield user.click(checkbox);
-      expect(checkbox).not.toBeChecked();
-    }));
-    it('should not toggle disabled checkbox on click', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup({
-        pointerEventsCheck: 0
-      });
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: true,
-        children: "Disabled"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      expect(checkbox).not.toBeChecked();
-      yield user.click(checkbox);
-      expect(checkbox).not.toBeChecked();
-    }));
-    it('should not toggle disabled checked checkbox on click', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup({
-        pointerEventsCheck: 0
-      });
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: true,
-        checked: true,
-        children: "Disabled Checked"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      expect(checkbox).toBeChecked();
-      yield user.click(checkbox);
-      expect(checkbox).toBeChecked();
-    }));
-    it('should toggle checkbox when clicking on label', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup({
-        pointerEventsCheck: 0
-      });
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        children: "Click Label"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      var label = screen.getByText('Click Label');
-      expect(checkbox).not.toBeChecked();
-      yield user.click(label);
-      expect(checkbox).toBeChecked();
-    }));
-  });
-  describe('keyboard interactions', () => {
-    it('should toggle checkbox on Space key press', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        children: "Keyboard"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      checkbox.focus();
-      expect(checkbox).not.toBeChecked();
-      yield user.keyboard(' ');
-      expect(checkbox).toBeChecked();
-    }));
-    it('should not toggle disabled checkbox on Space key press', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: true,
-        children: "Disabled Keyboard"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      checkbox.focus();
-      expect(checkbox).not.toBeChecked();
-      yield user.keyboard(' ');
-      expect(checkbox).not.toBeChecked();
-    }));
-    it('should focus checkbox on Tab key', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        children: "Tab Focus"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      yield user.tab();
-      expect(checkbox).toHaveFocus();
-    }));
-  });
-});
-describe('CapCheckbox - Callbacks', () => {
-  describe('onChange', () => {
-    it('should call onChange when checkbox is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        onChange: handleChange,
-        children: "Click me"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      yield user.click(checkbox);
-      expect(handleChange).toHaveBeenCalledTimes(1);
-      expect(handleChange).toHaveBeenCalledWith(expect.objectContaining({
-        target: expect.objectContaining({
-          checked: true
-        })
-      }));
-    }));
-    it('should call onChange with correct checked value when toggling', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        onChange: handleChange,
-        children: "Toggle"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      yield user.click(checkbox);
-      expect(handleChange).toHaveBeenLastCalledWith(expect.objectContaining({
-        target: expect.objectContaining({
-          checked: true
-        })
-      }));
-      yield user.click(checkbox);
-      expect(handleChange).toHaveBeenLastCalledWith(expect.objectContaining({
-        target: expect.objectContaining({
-          checked: false
-        })
-      }));
-    }));
-    it('should not call onChange when disabled checkbox is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup({
-        pointerEventsCheck: 0
-      });
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: true,
-        onChange: handleChange,
-        children: "Disabled"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      yield user.click(checkbox);
-      expect(handleChange).not.toHaveBeenCalled();
-    }));
-    it('should call onChange when using Space key', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleChange = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        onChange: handleChange,
-        children: "Space Key"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      checkbox.focus();
-      yield user.keyboard(' ');
-      expect(handleChange).toHaveBeenCalledTimes(1);
-    }));
-  });
-  describe('onClick', () => {
-    it('should call onClick when checkbox is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleClick = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        onClick: handleClick,
-        children: "Click me"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      yield user.click(checkbox);
-      expect(handleClick).toHaveBeenCalledTimes(1);
-    }));
-    it('should not call onClick when disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleClick = jest.fn();
-      var user = userEvent.setup({
-        pointerEventsCheck: 0
-      });
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        disabled: true,
-        onClick: handleClick,
-        children: "Disabled Click"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      yield user.click(checkbox);
-      expect(handleClick).not.toHaveBeenCalled();
-    }));
-  });
-  describe('onFocus and onBlur', () => {
-    it('should call onFocus when checkbox receives focus', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleFocus = jest.fn();
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        onFocus: handleFocus,
-        children: "Focus"
-      }));
-      yield user.tab();
-      expect(handleFocus).toHaveBeenCalledTimes(1);
-    }));
-    it('should call onBlur when checkbox loses focus', /*#__PURE__*/_asyncToGenerator(function* () {
-      var handleBlur = jest.fn();
-      render(/*#__PURE__*/_jsx(CapCheckbox, {
-        onBlur: handleBlur,
-        children: "Blur"
-      }));
-      var checkbox = screen.getByRole('checkbox');
-      checkbox.focus();
-      checkbox.blur();
-      expect(handleBlur).toHaveBeenCalledTimes(1);
-    }));
-  });
-});
-describe('CapCheckbox - Error States', () => {
-  it('should render error message when className contains "error" and errorMessage is provided', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error",
-      errorMessage: "This field is required",
-      children: "Required Checkbox"
-    }));
-    expect(screen.getByText('This field is required')).toBeInTheDocument();
-  });
-  it('should not render error message when className contains "error" but errorMessage is not provided', () => {
-    var errorMessage = 'This field is required';
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error",
-      children: "No Error Message"
-    }));
-    expect(screen.queryByText(errorMessage)).not.toBeInTheDocument();
-  });
-  it('should not render error message when errorMessage is provided but className does not contain "error"', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "custom-class",
-      errorMessage: "Error message",
-      children: "No Error Display"
-    }));
-    expect(screen.queryByText('Error message')).not.toBeInTheDocument();
-  });
-  it('should render error message when className contains "error" as part of another word', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "my-error-class",
-      errorMessage: "Error message",
-      children: "Error Class"
-    }));
-    expect(screen.getByText('Error message')).toBeInTheDocument();
-  });
-  it('should render error message with checked checkbox', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error",
-      errorMessage: "Error",
-      checked: true,
-      children: "Checked Error"
-    }));
-    expect(screen.getByText('Error')).toBeInTheDocument();
-    expect(screen.getByRole('checkbox')).toBeChecked();
-  });
-  it('should render error message with disabled checkbox', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error",
-      errorMessage: "Error",
-      disabled: true,
-      children: "Disabled Error"
-    }));
-    expect(screen.getByText('Error')).toBeInTheDocument();
-    expect(screen.getByRole('checkbox')).toBeDisabled();
-  });
-});
-describe('CapCheckbox - Inductive Text', () => {
-  it('should render inductive text when provided', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      inductiveText: "Additional information",
-      children: "Checkbox"
-    }));
-    expect(screen.getByText('Additional information')).toBeInTheDocument();
-  });
-  it('should not render inductive text when not provided', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Checkbox"
-    }));
-    expect(screen.queryByText(/additional/i)).not.toBeInTheDocument();
-  });
-  it('should render inductive text with checked checkbox', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      inductiveText: "Info",
-      checked: true,
-      children: "Checked"
-    }));
-    expect(screen.getByText('Info')).toBeInTheDocument();
-    expect(screen.getByRole('checkbox')).toBeChecked();
-  });
-  it('should render inductive text with disabled checkbox', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      inductiveText: "Info",
-      disabled: true,
-      children: "Disabled"
-    }));
-    expect(screen.getByText('Info')).toBeInTheDocument();
-    expect(screen.getByRole('checkbox')).toBeDisabled();
-  });
-  it('should render inductive text with error message', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error",
-      errorMessage: "Error",
-      inductiveText: "Info",
-      children: "Checkbox"
-    }));
-    expect(screen.getByText('Info')).toBeInTheDocument();
-    expect(screen.getByText('Error')).toBeInTheDocument();
-  });
-});
-describe('CapCheckbox - Suffix', () => {
-  it('should render suffix when provided', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      suffix: /*#__PURE__*/_jsx("span", {
-        "data-testid": "suffix",
-        children: "Suffix"
-      }),
-      children: "Checkbox"
-    }));
-    expect(screen.getByTestId('suffix')).toBeInTheDocument();
-  });
-  it('should not render suffix when not provided', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Checkbox"
-    }));
-    expect(screen.queryByTestId('suffix')).not.toBeInTheDocument();
-  });
-  it('should render suffix with checked checkbox', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      suffix: /*#__PURE__*/_jsx("span", {
-        "data-testid": "suffix",
-        children: "\u2605"
-      }),
-      checked: true,
-      children: "Premium"
-    }));
-    expect(screen.getByTestId('suffix')).toBeInTheDocument();
-    expect(screen.getByRole('checkbox')).toBeChecked();
-  });
-  it('should render suffix with disabled checkbox', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      suffix: /*#__PURE__*/_jsx("span", {
-        "data-testid": "suffix",
-        children: "Suffix"
-      }),
-      disabled: true,
-      children: "Disabled"
-    }));
-    expect(screen.getByTestId('suffix')).toBeInTheDocument();
-    expect(screen.getByRole('checkbox')).toBeDisabled();
-  });
-  it('should apply has-suffix class when suffix is provided', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      suffix: /*#__PURE__*/_jsx("span", {
-        children: "Suffix"
-      }),
-      children: "Checkbox"
-    }));
-    var title = container.querySelector('.has-suffix');
-    expect(title).toBeInTheDocument();
-  });
-  it('should render complex suffix element', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      suffix: /*#__PURE__*/_jsxs("div", {
-        "data-testid": "complex-suffix",
-        children: [/*#__PURE__*/_jsx("span", {
-          children: "Label"
-        }), /*#__PURE__*/_jsx("span", {
-          children: "Value"
-        })]
-      }),
-      children: "Complex Suffix"
-    }));
-    expect(screen.getByTestId('complex-suffix')).toBeInTheDocument();
-  });
-});
-describe('CapCheckbox - Edge Cases', () => {
-  it('should handle empty string children', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: ''
-    }));
-    expect(screen.getByRole('checkbox')).toBeInTheDocument();
-  });
-  it('should handle null children', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: null
-    }));
-    expect(screen.getByRole('checkbox')).toBeInTheDocument();
-  });
-  it('should handle undefined children', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: undefined
-    }));
-    expect(screen.getByRole('checkbox')).toBeInTheDocument();
-  });
-  it('should handle numeric children', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: 123
-    }));
-    expect(screen.getByText('123')).toBeInTheDocument();
-  });
-  it('should handle multiple children', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox, {
-      children: [/*#__PURE__*/_jsx("span", {
-        children: "Part 1"
-      }), /*#__PURE__*/_jsx("span", {
-        children: "Part 2"
-      })]
-    }));
-    expect(screen.getByText('Part 1')).toBeInTheDocument();
-    expect(screen.getByText('Part 2')).toBeInTheDocument();
-  });
-  it('should handle controlled checkbox state changes', /*#__PURE__*/_asyncToGenerator(function* () {
-    var TestComponent = () => {
-      var [checked, setChecked] = React.useState(false);
-      return /*#__PURE__*/_jsx(CapCheckbox, {
-        checked: checked,
-        onChange: e => setChecked(e.target.checked),
-        children: "Controlled"
-      });
-    };
-    var user = userEvent.setup();
-    render(/*#__PURE__*/_jsx(TestComponent, {}));
-    var checkbox = screen.getByRole('checkbox');
-    expect(checkbox).not.toBeChecked();
-    yield user.click(checkbox);
-    expect(checkbox).toBeChecked();
-  }));
-  it('should handle uncontrolled checkbox with defaultChecked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      defaultChecked: true,
-      children: "Uncontrolled"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    expect(checkbox).toBeChecked();
-    yield user.click(checkbox);
-    expect(checkbox).not.toBeChecked();
-  }));
-});
-describe('CapCheckbox - Accessibility', () => {
-  it('should have checkbox role', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Accessible"
-    }));
-    expect(screen.getByRole('checkbox')).toBeInTheDocument();
-  });
-  it('should have accessible name from children', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Accessible Checkbox"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    expect(checkbox).toHaveAccessibleName('Accessible Checkbox');
-  });
-  it('should have aria-checked="false" when unchecked', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Unchecked"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    expect(checkbox).not.toBeChecked();
-  });
-  it('should have aria-checked="true" when checked', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      checked: true,
-      children: "Checked"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    expect(checkbox).toBeChecked();
-  });
-  it('should have aria-checked="mixed" when indeterminate', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      indeterminate: true,
-      children: "Indeterminate"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    var checkboxWrapper = checkbox.parentElement;
-    expect(checkbox.indeterminate).toBe(true);
-    expect(checkboxWrapper).toHaveClass('ant-checkbox-indeterminate');
-  });
-  it('should have aria-disabled="true" when disabled', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      disabled: true,
-      children: "Disabled"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    expect(checkbox).toBeDisabled();
-  });
-  it('should be keyboard focusable', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Keyboard Focus"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    yield user.tab();
-    expect(checkbox).toHaveFocus();
-  }));
-  it('should not be keyboard focusable when disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      disabled: true,
-      children: "Disabled Focus"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    yield user.tab();
-    expect(checkbox).not.toHaveFocus();
-  }));
-});
-describe('CapCheckbox - Combined Features', () => {
-  it('should render with all features combined', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error custom-class",
-      errorMessage: "Error message",
-      inductiveText: "Inductive text",
-      suffix: /*#__PURE__*/_jsx("span", {
-        "data-testid": "suffix",
-        children: "Suffix"
-      }),
-      labelType: "h3",
-      checked: true,
-      children: "Combined Features"
-    }));
-    expect(screen.getByRole('checkbox')).toBeChecked();
-    expect(screen.getByText('Combined Features')).toBeInTheDocument();
-    expect(screen.getByText('Error message')).toBeInTheDocument();
-    expect(screen.getByText('Inductive text')).toBeInTheDocument();
-    expect(screen.getByTestId('suffix')).toBeInTheDocument();
-  });
-  it('should render disabled checked with error and inductive text', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error",
-      errorMessage: "Error",
-      inductiveText: "Info",
-      disabled: true,
-      checked: true,
-      children: "All States"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    expect(checkbox).toBeDisabled();
-    expect(checkbox).toBeChecked();
-    expect(screen.getByText('Error')).toBeInTheDocument();
-    expect(screen.getByText('Info')).toBeInTheDocument();
-  });
-  it('should render indeterminate with suffix and inductive text', () => {
-    render(/*#__PURE__*/_jsx(CapCheckbox, {
-      indeterminate: true,
-      suffix: /*#__PURE__*/_jsx("span", {
-        "data-testid": "suffix",
-        children: "\u2605"
-      }),
-      inductiveText: "Partial selection",
-      children: "Indeterminate"
-    }));
-    var checkbox = screen.getByRole('checkbox');
-    var checkboxWrapper = checkbox.parentElement;
-    expect(checkbox.indeterminate).toBe(true);
-    expect(checkboxWrapper).toHaveClass('ant-checkbox-indeterminate');
-    expect(screen.getByTestId('suffix')).toBeInTheDocument();
-    expect(screen.getByText('Partial selection')).toBeInTheDocument();
-  });
-});
-describe('CapCheckbox.Group', () => {
-  it('should render Group component', () => {
-    expect(CapCheckbox.Group).toBeDefined();
-  });
-  it('should render checkbox group with multiple options', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        children: "Option 2"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option3",
-        children: "Option 3"
-      })]
-    }));
-    expect(screen.getByText('Option 1')).toBeInTheDocument();
-    expect(screen.getByText('Option 2')).toBeInTheDocument();
-    expect(screen.getByText('Option 3')).toBeInTheDocument();
-    expect(screen.getAllByRole('checkbox')).toHaveLength(3);
-  });
-  it('should handle Group onChange callback', /*#__PURE__*/_asyncToGenerator(function* () {
-    var handleGroupChange = jest.fn();
-    var user = userEvent.setup();
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      onChange: handleGroupChange,
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        children: "Option 2"
-      })]
-    }));
-    var checkbox1 = screen.getByRole('checkbox', {
-      name: /option 1/i
-    });
-    yield user.click(checkbox1);
-    expect(handleGroupChange).toHaveBeenCalled();
-  }));
-  it('should render Group with defaultValue', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      defaultValue: ['option1', 'option2'],
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        children: "Option 2"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option3",
-        children: "Option 3"
-      })]
-    }));
-    var checkboxes = screen.getAllByRole('checkbox');
-    expect(checkboxes[0]).toBeChecked();
-    expect(checkboxes[1]).toBeChecked();
-    expect(checkboxes[2]).not.toBeChecked();
-  });
-  it('should render Group with value (controlled)', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      value: ['option1'],
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        children: "Option 2"
-      })]
-    }));
-    var checkboxes = screen.getAllByRole('checkbox');
-    expect(checkboxes[0]).toBeChecked();
-    expect(checkboxes[1]).not.toBeChecked();
-  });
-  it('should render disabled Group', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      disabled: true,
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        children: "Option 2"
-      })]
-    }));
-    var checkboxes = screen.getAllByRole('checkbox');
-    checkboxes.forEach(checkbox => {
-      expect(checkbox).toBeDisabled();
-    });
-  });
-  it('should render Group with individual disabled checkboxes', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        disabled: true,
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        children: "Option 2"
-      })]
-    }));
-    var checkboxes = screen.getAllByRole('checkbox');
-    expect(checkboxes[0]).toBeDisabled();
-    expect(checkboxes[1]).not.toBeDisabled();
-  });
-  it('should render Group with options having error messages', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        className: "error",
-        errorMessage: "Error 1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        className: "error",
-        errorMessage: "Error 2",
-        children: "Option 2"
-      })]
-    }));
-    expect(screen.getByText('Error 1')).toBeInTheDocument();
-    expect(screen.getByText('Error 2')).toBeInTheDocument();
-  });
-  it('should render Group with options having inductive text', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        inductiveText: "Info 1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        inductiveText: "Info 2",
-        children: "Option 2"
-      })]
-    }));
-    expect(screen.getByText('Info 1')).toBeInTheDocument();
-    expect(screen.getByText('Info 2')).toBeInTheDocument();
-  });
-  it('should render Group with options having suffixes', () => {
-    render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        suffix: /*#__PURE__*/_jsx("span", {
-          "data-testid": "suffix1",
-          children: "\u2605"
-        }),
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        suffix: /*#__PURE__*/_jsx("span", {
-          "data-testid": "suffix2",
-          children: "\u2605"
-        }),
-        children: "Option 2"
-      })]
-    }));
-    expect(screen.getByTestId('suffix1')).toBeInTheDocument();
-    expect(screen.getByTestId('suffix2')).toBeInTheDocument();
-  });
-});
-describe('CapCheckbox - Snapshots', () => {
-  it('should match snapshot with default props', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      children: "Default Checkbox"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot when checked', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      checked: true,
-      children: "Checked Checkbox"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot when disabled', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      disabled: true,
-      children: "Disabled Checkbox"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot when indeterminate', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      indeterminate: true,
-      children: "Indeterminate Checkbox"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with error message', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error",
-      errorMessage: "This field is required",
-      children: "Error Checkbox"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with inductive text', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      inductiveText: "Additional information",
-      children: "Checkbox with Info"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with suffix', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      suffix: /*#__PURE__*/_jsx("span", {
-        children: "\u2605"
-      }),
-      children: "Checkbox with Suffix"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with custom labelType', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      labelType: "h3",
-      children: "H3 Label Checkbox"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with all features combined', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapCheckbox, {
-      className: "error",
-      errorMessage: "Error",
-      inductiveText: "Info",
-      suffix: /*#__PURE__*/_jsx("span", {
-        children: "\u2605"
-      }),
-      labelType: "h2",
-      checked: true,
-      children: "Combined"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with Group', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsxs(CapCheckbox.Group, {
-      defaultValue: ['option1'],
-      children: [/*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapCheckbox, {
-        value: "option2",
-        children: "Option 2"
-      })]
-    }));
-    expect(container).toMatchSnapshot();
-  });
-});