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

package/CapRadioButton/tests/index.test.js

@@ -1,494 +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 } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Radio } from 'antd-v5';
-import React from 'react';
-import CapRadioButton from "../index";
-import { autoFocusProps, checkedProps, childrenVariations, classNameProps, defaultCheckedProps, defaultProps, disabledProps, mockChildren, mockValue, multipleClassNameProps, valueVariations } from "./CapRadioButton.mockData";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-describe('CapRadioButton', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-  describe('Default rendering and initialization', () => {
-    it('should render radio button with children', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-      expect(screen.getByText(mockChildren)).toBeInTheDocument();
-    });
-    it('should render without children', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue
-      }));
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-    });
-    it('should render with correct value', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      var radio = screen.getByRole('radio');
-      expect(radio).toHaveAttribute('value', mockValue);
-    });
-    it('should apply default className', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      var radioButton = container.querySelector('.cap-radio-button-v2');
-      expect(radioButton).toBeInTheDocument();
-    });
-  });
-  describe('Prop variations - Disabled', () => {
-    it('should render as enabled by default', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      expect(screen.getByRole('radio')).not.toBeDisabled();
-    });
-    it('should render as disabled when disabled prop is true', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, disabledProps)));
-      expect(screen.getByRole('radio')).toBeDisabled();
-    });
-    it('should render as disabled when disabled prop is false', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps, {
-        disabled: false
-      })));
-      expect(screen.getByRole('radio')).not.toBeDisabled();
-    });
-  });
-  describe('Prop variations - Checked', () => {
-    it('should render as unchecked by default', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      expect(screen.getByRole('radio')).not.toBeChecked();
-    });
-    it('should render as checked when checked prop is true', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, checkedProps)));
-      expect(screen.getByRole('radio')).toBeChecked();
-    });
-    it('should render as checked when checked prop is false', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps, {
-        checked: false
-      })));
-      expect(screen.getByRole('radio')).not.toBeChecked();
-    });
-  });
-  describe('Prop variations - DefaultChecked', () => {
-    it('should render with defaultChecked prop', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultCheckedProps)));
-      expect(screen.getByRole('radio')).toBeChecked();
-    });
-    it('should render without defaultChecked prop', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      expect(screen.getByRole('radio')).not.toBeChecked();
-    });
-  });
-  describe('Prop variations - AutoFocus', () => {
-    it('should render with autoFocus prop', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, autoFocusProps)));
-      var radio = screen.getByRole('radio');
-      expect(radio).toHaveFocus();
-    });
-    it('should render without autoFocus prop', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      var radio = screen.getByRole('radio');
-      expect(radio).not.toHaveFocus();
-    });
-  });
-  describe('Prop variations - ClassName', () => {
-    it('should render without custom className', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      var radioButton = container.querySelector('.cap-radio-button-v2');
-      expect(radioButton).toBeInTheDocument();
-    });
-    it('should apply custom className', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, classNameProps)));
-      var radioButton = container.querySelector('.cap-radio-button-v2');
-      expect(radioButton).toHaveClass('custom-class');
-    });
-    it('should combine default and custom className', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, classNameProps)));
-      var radioButton = container.querySelector('.cap-radio-button-v2');
-      expect(radioButton).toHaveClass('cap-radio-button-v2');
-      expect(radioButton).toHaveClass('custom-class');
-    });
-    it('should handle multiple classNames', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, multipleClassNameProps)));
-      var radioButton = container.querySelector('.cap-radio-button-v2');
-      expect(radioButton).toHaveClass('class1');
-      expect(radioButton).toHaveClass('class2');
-      expect(radioButton).toHaveClass('class3');
-    });
-  });
-  describe('Prop variations - Value', () => {
-    it.each(valueVariations)('should render with %s value', (type, value) => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: value,
-        children: mockChildren
-      }));
-      var radio = screen.getByRole('radio');
-      expect(radio).toHaveAttribute('value', String(value));
-    });
-  });
-  describe('Prop variations - Children', () => {
-    it.each(childrenVariations)('should render with %s children', (type, children) => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue,
-        children: children
-      }));
-      if (typeof children === 'string' && children !== '') {
-        expect(screen.getByText(children)).toBeInTheDocument();
-      } else if (typeof children === 'number') {
-        expect(screen.getByText(String(children))).toBeInTheDocument();
-      }
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-    });
-    it('should render with React node as children', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue,
-        children: /*#__PURE__*/_jsx("span", {
-          "data-testid": "custom-child",
-          children: "Custom Content"
-        })
-      }));
-      expect(screen.getByTestId('custom-child')).toBeInTheDocument();
-      expect(screen.getByText('Custom Content')).toBeInTheDocument();
-    });
-  });
-  describe('User interactions', () => {
-    it('should handle click events', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(Radio.Group, {
-        children: /*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps))
-      }));
-      var radio = screen.getByRole('radio');
-      var button = radio.closest('button') || radio.closest('label');
-      if (button) {
-        yield user.click(button);
-      } else {
-        yield user.click(radio);
-      }
-      expect(radio).toBeChecked();
-    }));
-    it('should call onChange when clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleChange = jest.fn();
-      render(/*#__PURE__*/_jsx(Radio.Group, {
-        onChange: handleChange,
-        children: /*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps))
-      }));
-      var radio = screen.getByRole('radio');
-      var button = radio.closest('button') || radio.closest('label');
-      if (button) {
-        yield user.click(button);
-      } else {
-        yield user.click(radio);
-      }
-      expect(handleChange).toHaveBeenCalled();
-    }));
-    it('should not call onChange when disabled', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var handleChange = jest.fn();
-      render(/*#__PURE__*/_jsx(Radio.Group, {
-        onChange: handleChange,
-        children: /*#__PURE__*/_jsx(CapRadioButton, _extends({}, disabledProps))
-      }));
-      var radio = screen.getByRole('radio');
-      var button = radio.closest('button') || radio.closest('label');
-      if (button) {
-        yield user.click(button);
-      } else {
-        yield user.click(radio);
-      }
-      expect(handleChange).not.toHaveBeenCalled();
-    }));
-    it('should handle focus', () => {
-      render(/*#__PURE__*/_jsx(Radio.Group, {
-        children: /*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps))
-      }));
-      var radio = screen.getByRole('radio');
-      radio.focus();
-      expect(radio).toHaveFocus();
-    });
-    it('should handle blur', () => {
-      render(/*#__PURE__*/_jsx(Radio.Group, {
-        children: /*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps))
-      }));
-      var radio = screen.getByRole('radio');
-      radio.focus();
-      expect(radio).toHaveFocus();
-      radio.blur();
-      expect(radio).not.toHaveFocus();
-    });
-  });
-  describe('Radio.Group integration', () => {
-    it('should work within Radio.Group', () => {
-      render(/*#__PURE__*/_jsxs(Radio.Group, {
-        children: [/*#__PURE__*/_jsx(CapRadioButton, {
-          value: "option1",
-          children: "Option 1"
-        }), /*#__PURE__*/_jsx(CapRadioButton, {
-          value: "option2",
-          children: "Option 2"
-        })]
-      }));
-      var radios = screen.getAllByRole('radio');
-      expect(radios).toHaveLength(2);
-    });
-    it('should handle group value changes', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      var TestComponent = () => {
-        var [value, setValue] = React.useState('option1');
-        return /*#__PURE__*/_jsxs(Radio.Group, {
-          value: value,
-          onChange: e => setValue(e.target.value),
-          children: [/*#__PURE__*/_jsx(CapRadioButton, {
-            value: "option1",
-            children: "Option 1"
-          }), /*#__PURE__*/_jsx(CapRadioButton, {
-            value: "option2",
-            children: "Option 2"
-          })]
-        });
-      };
-      render(/*#__PURE__*/_jsx(TestComponent, {}));
-      var option2 = screen.getByRole('radio', {
-        name: /option 2/i
-      });
-      var button = option2.closest('button') || option2.closest('label');
-      if (button) {
-        yield user.click(button);
-      } else {
-        // Fallback: click the text label
-        var labelText = screen.getByText('Option 2');
-        yield user.click(labelText);
-      }
-      expect(option2).toBeChecked();
-    }));
-    it('should respect Radio.Group defaultValue', () => {
-      render(/*#__PURE__*/_jsxs(Radio.Group, {
-        defaultValue: "option2",
-        children: [/*#__PURE__*/_jsx(CapRadioButton, {
-          value: "option1",
-          children: "Option 1"
-        }), /*#__PURE__*/_jsx(CapRadioButton, {
-          value: "option2",
-          children: "Option 2"
-        })]
-      }));
-      var option2 = screen.getByRole('radio', {
-        name: /option 2/i
-      });
-      expect(option2).toBeChecked();
-    });
-  });
-  describe('Edge cases', () => {
-    it('should handle empty string value', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: "",
-        children: "Empty Value"
-      }));
-      var radio = screen.getByRole('radio');
-      expect(radio).toHaveAttribute('value', '');
-    });
-    it('should handle null children', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue,
-        children: null
-      }));
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-    });
-    it('should handle undefined children', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue,
-        children: undefined
-      }));
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-    });
-    it('should handle zero as children', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue,
-        children: 0
-      }));
-      expect(screen.getByText('0')).toBeInTheDocument();
-    });
-    it('should handle false as children', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue,
-        children: false
-      }));
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-    });
-    it('should handle empty string as children', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue,
-        children: ''
-      }));
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-    });
-  });
-  describe('Accessibility', () => {
-    it('should have correct role', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-    });
-    it('should be keyboard accessible', /*#__PURE__*/_asyncToGenerator(function* () {
-      var user = userEvent.setup();
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-      var radio = screen.getByRole('radio');
-      radio.focus();
-      expect(radio).toHaveFocus();
-      yield user.keyboard(' ');
-      expect(radio).toBeChecked();
-    }));
-    it('should support disabled state for screen readers', () => {
-      render(/*#__PURE__*/_jsx(Radio.Group, {
-        children: /*#__PURE__*/_jsx(CapRadioButton, _extends({}, disabledProps))
-      }));
-      var radio = screen.getByRole('radio');
-      expect(radio).toBeDisabled();
-    });
-  });
-  describe('Prop combinations', () => {
-    it('should handle checked and disabled together', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps, {
-        checked: true,
-        disabled: true
-      })));
-      var radio = screen.getByRole('radio');
-      expect(radio).toBeChecked();
-      expect(radio).toBeDisabled();
-    });
-    it('should handle custom className with checked state', () => {
-      var {
-        container
-      } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, classNameProps, {
-        checked: true
-      })));
-      var radioButton = container.querySelector('.cap-radio-button-v2');
-      expect(radioButton).toHaveClass('custom-class');
-      expect(screen.getByRole('radio')).toBeChecked();
-    });
-    it('should handle all props combined', () => {
-      render(/*#__PURE__*/_jsx(Radio.Group, {
-        value: mockValue,
-        children: /*#__PURE__*/_jsx(CapRadioButton, {
-          value: mockValue,
-          disabled: true,
-          className: "custom-class",
-          autoFocus: true,
-          children: mockChildren
-        })
-      }));
-      var radio = screen.getByRole('radio');
-      expect(radio).toBeChecked(); // Checked because Radio.Group has value={mockValue}
-      expect(radio).toBeDisabled();
-      // Note: autoFocus may not work in test environment, so we just verify it renders
-      expect(radio).toBeInTheDocument();
-    });
-  });
-  describe('Backward compatibility', () => {
-    it('should accept all Radio.Button props from antd', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps, {
-        name: "radio-group",
-        tabIndex: 0,
-        id: "radio-id"
-      })));
-      var radio = screen.getByRole('radio');
-      expect(radio).toHaveAttribute('name', 'radio-group');
-      expect(radio).toHaveAttribute('id', 'radio-id');
-    });
-    it('should maintain default behavior when no props provided', () => {
-      render(/*#__PURE__*/_jsx(CapRadioButton, {
-        value: mockValue
-      }));
-      expect(screen.getByRole('radio')).toBeInTheDocument();
-      expect(screen.getByRole('radio')).not.toBeChecked();
-      expect(screen.getByRole('radio')).not.toBeDisabled();
-    });
-  });
-});
-describe('CapRadioButton Snapshots', () => {
-  it('should match snapshot with default props', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with children', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, {
-      value: mockValue,
-      children: "Option Text"
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot when checked', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, checkedProps)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot when disabled', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, disabledProps)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with defaultChecked', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultCheckedProps)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with custom className', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, classNameProps)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with multiple classNames', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, multipleClassNameProps)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with autoFocus', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, autoFocusProps)));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot within Radio.Group', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsxs(Radio.Group, {
-      defaultValue: "option1",
-      children: [/*#__PURE__*/_jsx(CapRadioButton, {
-        value: "option1",
-        children: "Option 1"
-      }), /*#__PURE__*/_jsx(CapRadioButton, {
-        value: "option2",
-        children: "Option 2"
-      }), /*#__PURE__*/_jsx(CapRadioButton, {
-        value: "option3",
-        children: "Option 3"
-      })]
-    }));
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with checked and disabled', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapRadioButton, _extends({}, defaultProps, {
-      checked: true,
-      disabled: true
-    })));
-    expect(container).toMatchSnapshot();
-  });
-});

package/CapRadioButton/types.js

@@ -1 +0,0 @@
-export {};

package/CapRadioCard/tests/CapRadioCard.mockData.js

@@ -1,116 +0,0 @@
-import React from 'react';
-import CapIcon from "../../CapIcon";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var mockOnChange = jest.fn();
-export var basicPane = {
-  value: 'option1',
-  title: 'Option 1',
-  content: 'Basic radio card option'
-};
-export var paneWithIcon = {
-  value: 'option2',
-  title: 'Option 2',
-  content: 'Option with icon',
-  icon: /*#__PURE__*/_jsx(CapIcon, {
-    type: "star-filled",
-    size: "m"
-  })
-};
-export var paneWithInfoIcon = {
-  value: 'option3',
-  title: 'Option 3',
-  content: 'Option with info icon',
-  infoIconDescription: 'This is helpful information'
-};
-export var disabledPane = {
-  value: 'option4',
-  title: 'Option 4',
-  content: 'Disabled option',
-  disabled: true
-};
-export var paneWithCustomDisableClass = {
-  value: 'option5',
-  title: 'Option 5',
-  content: 'Custom disabled class',
-  disabled: true,
-  customDisableClass: true
-};
-export var paneWithTooltip = {
-  value: 'option6',
-  title: 'Option 6',
-  content: 'Option with tooltip',
-  tooltipProps: {
-    title: 'Tooltip text'
-  }
-};
-export var paneWithCustomComponent = {
-  value: 'option7',
-  title: 'Option 7',
-  content: 'Option with custom component',
-  customComponent: /*#__PURE__*/_jsx("div", {
-    "data-testid": "custom-component",
-    children: "Custom"
-  })
-};
-export var paneWithCustomClasses = {
-  value: 'option8',
-  title: 'Option 8',
-  content: 'Option with custom classes',
-  titleClassName: 'custom-title',
-  radioCardClassName: 'custom-radio-card'
-};
-export var fullFeaturedPane = {
-  value: 'premium',
-  title: 'Premium Plan',
-  content: 'Full access to all features',
-  icon: /*#__PURE__*/_jsx(CapIcon, {
-    type: "star-filled",
-    size: "m",
-    color: "#47af46"
-  }),
-  infoIconDescription: 'Best value for teams',
-  titleClassName: 'premium-title',
-  radioCardClassName: 'premium-card'
-};
-export var basicPanes = [basicPane, paneWithIcon];
-export var multiplePanes = [basicPane, paneWithIcon, paneWithInfoIcon, disabledPane];
-export var defaultProps = {
-  panes: basicPanes
-};
-export var propsWithSizeSmall = {
-  panes: basicPanes,
-  size: 'small'
-};
-export var propsWithCardDimensions = {
-  panes: basicPanes,
-  cardHeight: 140,
-  cardWidth: 280
-};
-export var propsWithDefaultValue = {
-  panes: basicPanes,
-  defaultValue: 'option1'
-};
-export var propsWithSelected = {
-  panes: basicPanes,
-  selected: 'option2'
-};
-export var propsWithOnChange = {
-  panes: basicPanes,
-  onChange: mockOnChange
-};
-export var propsWithClassName = {
-  panes: basicPanes,
-  className: 'custom-class'
-};
-export var propsWithEmptyPanes = {
-  panes: []
-};
-export var propsWithAllFeatures = {
-  panes: [fullFeaturedPane, paneWithTooltip, disabledPane],
-  className: 'custom-radio-group',
-  cardHeight: 150,
-  cardWidth: 300,
-  size: 'default',
-  defaultValue: 'premium',
-  onChange: mockOnChange
-};