@abstraks-dev/ui-library 1.1.24 → 1.1.28

package/dist/__tests__/Form.test.js

@@ -0,0 +1,471 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _Form = _interopRequireDefault(require("../components/Form"));
+var _TextInput = _interopRequireDefault(require("../components/TextInput"));
+var _Button = _interopRequireDefault(require("../components/Button"));
+var _Checkbox = _interopRequireDefault(require("../components/Checkbox"));
+var _Radio = _interopRequireDefault(require("../components/Radio"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Mock accessibility utils
+jest.mock('../utils/accessibility.js', () => ({
+  announceToScreenReader: jest.fn(() => jest.fn()),
+  safeFocus: jest.fn()
+}));
+const {
+  announceToScreenReader,
+  safeFocus
+} = require('../utils/accessibility.js');
+describe('Form Component', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  describe('Basic Rendering', () => {
+    it('renders form element with default props', () => {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement("div", null, "Form content")));
+      const form = _react2.screen.getByRole('form');
+      expect(form).toBeInTheDocument();
+      expect(form).toHaveClass('form');
+      expect(form).toHaveAttribute('noValidate');
+      expect(form).toHaveAttribute('autoComplete', 'on');
+      expect(form).toHaveAttribute('method', 'post');
+    });
+    it('applies custom component name and additional class', () => {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        componentName: "custom-form",
+        additionalClassName: "extra-class"
+      }, /*#__PURE__*/_react.default.createElement("div", null, "Form content")));
+      const form = _react2.screen.getByRole('form');
+      expect(form).toHaveClass('custom-form', 'extra-class');
+    });
+    it('renders with custom HTML form attributes', () => {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        method: "get",
+        action: "/submit",
+        encType: "multipart/form-data",
+        target: "_blank",
+        acceptCharset: "UTF-8",
+        ariaLabel: "Registration form",
+        ariaDescribedBy: "form-description",
+        ariaLabelledBy: "form-title",
+        id: "registration-form"
+      }, /*#__PURE__*/_react.default.createElement("div", null, "Form content")));
+      const form = _react2.screen.getByRole('form');
+      expect(form).toHaveAttribute('method', 'get');
+      expect(form).toHaveAttribute('action', '/submit');
+      expect(form).toHaveAttribute('encType', 'multipart/form-data');
+      expect(form).toHaveAttribute('target', '_blank');
+      expect(form).toHaveAttribute('accept-charset', 'UTF-8');
+      expect(form).toHaveAttribute('aria-label', 'Registration form');
+      expect(form).toHaveAttribute('aria-describedby', 'form-description');
+      expect(form).toHaveAttribute('aria-labelledby', 'form-title');
+      expect(form).toHaveAttribute('id', 'registration-form');
+    });
+    it('renders children correctly', () => {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      expect(_react2.screen.getByRole('textbox')).toBeInTheDocument();
+      // The button accessible name includes the helper text
+      expect(_react2.screen.getByRole('button', {
+        name: /submit/i
+      })).toBeInTheDocument();
+    });
+  });
+  describe('Form State Management', () => {
+    it('updates form data when input values change', async () => {
+      const user = _userEvent.default.setup();
+      const mockChange = jest.fn();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onChange: mockChange
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "name",
+        placeholder: "Name"
+      })));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      const nameInput = _react2.screen.getByPlaceholderText('Name');
+      await user.type(emailInput, 'test@example.com');
+      await user.type(nameInput, 'John Doe');
+      expect(mockChange).toHaveBeenCalledWith(expect.objectContaining({
+        email: 'test@example.com'
+      }), 'email', 'test@example.com');
+      expect(mockChange).toHaveBeenCalledWith(expect.objectContaining({
+        name: 'John Doe'
+      }), 'name', 'John Doe');
+    });
+    it('handles checkbox inputs correctly', async () => {
+      const user = _userEvent.default.setup();
+      const mockChange = jest.fn();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onChange: mockChange
+      }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+        name: "subscribe",
+        label: "Subscribe to newsletter"
+      })));
+      const checkbox = _react2.screen.getByRole('checkbox');
+      await user.click(checkbox);
+      expect(mockChange).toHaveBeenCalledWith(expect.objectContaining({
+        subscribe: true
+      }), 'subscribe', true);
+    });
+    it('handles radio button inputs correctly', async () => {
+      const user = _userEvent.default.setup();
+      const mockChange = jest.fn();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onChange: mockChange
+      }, /*#__PURE__*/_react.default.createElement(_Radio.default, {
+        name: "gender",
+        value: "male",
+        label: "Male"
+      }), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+        name: "gender",
+        value: "female",
+        label: "Female"
+      })));
+      const maleRadio = _react2.screen.getByDisplayValue('male');
+      await user.click(maleRadio);
+      expect(mockChange).toHaveBeenCalledWith(expect.objectContaining({
+        gender: 'male'
+      }), 'gender', 'male');
+    });
+  });
+  describe('Form Submission', () => {
+    it('calls onSubmit with form data when submitted', async () => {
+      const user = _userEvent.default.setup();
+      const mockSubmit = jest.fn().mockResolvedValue();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.type(emailInput, 'test@example.com');
+      await user.click(submitButton);
+      expect(mockSubmit).toHaveBeenCalledWith({
+        email: 'test@example.com'
+      }, expect.objectContaining({
+        setErrors: expect.any(Function),
+        setFormData: expect.any(Function),
+        resetForm: expect.any(Function),
+        updateField: expect.any(Function)
+      }), expect.any(Object));
+    });
+    it('prevents submission when form is disabled', async () => {
+      const user = _userEvent.default.setup();
+      const mockSubmit = jest.fn();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit,
+        disabled: true
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.click(submitButton);
+      expect(mockSubmit).not.toHaveBeenCalled();
+    });
+    it('prevents submission when form is currently submitting', async () => {
+      const user = _userEvent.default.setup();
+      const mockSubmit = jest.fn();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit,
+        isSubmitting: true
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.click(submitButton);
+      expect(mockSubmit).not.toHaveBeenCalled();
+    });
+    it('resets form after submission when resetOnSubmit is true', async () => {
+      const user = _userEvent.default.setup();
+      const mockSubmit = jest.fn().mockResolvedValue();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit,
+        resetOnSubmit: true
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.type(emailInput, 'test@example.com');
+      await user.click(submitButton);
+      await (0, _react2.waitFor)(() => {
+        expect(emailInput).toHaveValue('');
+      });
+    });
+  });
+  describe('Validation', () => {
+    const mockValidation = (fieldName, value) => {
+      if (fieldName === 'email' && !value?.includes('@')) {
+        return 'Please enter a valid email address';
+      }
+      if (fieldName === 'name' && (!value || value.length < 2)) {
+        return 'Name must be at least 2 characters';
+      }
+      return null;
+    };
+    it('validates on submit by default', async () => {
+      const user = _userEvent.default.setup();
+      const mockSubmit = jest.fn();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit,
+        onValidate: mockValidation
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.type(emailInput, 'invalid-email');
+      await user.click(submitButton);
+      expect(mockSubmit).not.toHaveBeenCalled();
+      expect(emailInput).toHaveAttribute('aria-invalid', 'true');
+    });
+    it('validates on blur when validationMode is onBlur', async () => {
+      const user = _userEvent.default.setup();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onValidate: mockValidation,
+        validationMode: "onBlur"
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      })));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      await user.type(emailInput, 'invalid-email');
+      await user.tab(); // Blur the input
+
+      await (0, _react2.waitFor)(() => {
+        expect(emailInput).toHaveAttribute('aria-invalid', 'true');
+      });
+    });
+    it('validates on change when validationMode is onChange', async () => {
+      const user = _userEvent.default.setup();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onValidate: mockValidation,
+        validationMode: "onChange"
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      })));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      await user.type(emailInput, 'invalid');
+      await (0, _react2.waitFor)(() => {
+        expect(emailInput).toHaveAttribute('aria-invalid', 'true');
+      });
+    });
+    it('displays external errors in individual fields', () => {
+      const errors = {
+        email: 'This email is already taken',
+        name: 'Name is required'
+      };
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        errors: errors
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "name",
+        placeholder: "Name"
+      })));
+
+      // Check that errors appear (may be in multiple places due to form structure)
+      expect(_react2.screen.getAllByText('This email is already taken')[0]).toBeInTheDocument();
+      expect(_react2.screen.getAllByText('Name is required')[0]).toBeInTheDocument();
+    });
+    it('focuses first error field on validation failure', async () => {
+      const user = _userEvent.default.setup();
+      const mockSubmit = jest.fn();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit,
+        onValidate: mockValidation
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "name",
+        placeholder: "Name"
+      }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const nameInput = _react2.screen.getByPlaceholderText('Name');
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+
+      // Submit without entering data
+      await user.click(submitButton);
+      await (0, _react2.waitFor)(() => {
+        expect(safeFocus).toHaveBeenCalledWith(nameInput);
+      });
+    });
+  });
+  describe('Accessibility Features', () => {
+    it('announces validation errors to screen readers', async () => {
+      const user = _userEvent.default.setup();
+      const mockValidation = (fieldName, value) => {
+        if (fieldName === 'email' && !value?.includes('@')) {
+          return 'Please enter a valid email address';
+        }
+        return null;
+      };
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onValidate: mockValidation,
+        validationMode: "onBlur"
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      })));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      await user.type(emailInput, 'invalid-email');
+      await user.tab(); // Blur the input
+
+      expect(announceToScreenReader).toHaveBeenCalledWith('email: Please enter a valid email address', 'assertive');
+    });
+    it('announces form submission success', async () => {
+      const user = _userEvent.default.setup();
+      const mockSubmit = jest.fn().mockResolvedValue();
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.type(emailInput, 'test@example.com');
+      await user.click(submitButton);
+      await (0, _react2.waitFor)(() => {
+        expect(announceToScreenReader).toHaveBeenCalledWith('Form submitted successfully', 'polite');
+      });
+    });
+    it('announces validation failure on submit', async () => {
+      const user = _userEvent.default.setup();
+      const mockSubmit = jest.fn();
+      const mockValidation = (fieldName, value) => {
+        if (fieldName === 'email' && !value?.includes('@')) {
+          return 'Please enter a valid email address';
+        }
+        return null;
+      };
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit,
+        onValidate: mockValidation
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.type(emailInput, 'invalid-email');
+      await user.click(submitButton);
+      expect(announceToScreenReader).toHaveBeenCalledWith('Form submission failed. 1 field has validation errors.', 'assertive');
+    });
+    it('shows submitting status for screen readers', () => {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        isSubmitting: true
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      expect(_react2.screen.getByText('Form is being submitted, please wait...')).toBeInTheDocument();
+    });
+  });
+  describe('Form State Utilities', () => {
+    it('provides form utilities to onSubmit handler', async () => {
+      const user = _userEvent.default.setup();
+      let capturedUtils = null;
+      const mockSubmit = jest.fn((formData, utils) => {
+        capturedUtils = utils;
+      });
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.type(emailInput, 'test@example.com');
+      await user.click(submitButton);
+      expect(capturedUtils).toHaveProperty('setErrors');
+      expect(capturedUtils).toHaveProperty('setFormData');
+      expect(capturedUtils).toHaveProperty('resetForm');
+      expect(capturedUtils).toHaveProperty('updateField');
+      expect(typeof capturedUtils.setErrors).toBe('function');
+      expect(typeof capturedUtils.resetForm).toBe('function');
+    });
+    it('allows manual form reset through utilities', async () => {
+      const user = _userEvent.default.setup();
+      let formUtils = null;
+      const mockSubmit = jest.fn((formData, utils) => {
+        formUtils = utils;
+      });
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Form.default, {
+        onSubmit: mockSubmit
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        name: "email",
+        placeholder: "Email"
+      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit"
+      }, "Submit")));
+      const emailInput = _react2.screen.getByPlaceholderText('Email');
+      const submitButton = _react2.screen.getByRole('button', {
+        name: /submit/i
+      });
+      await user.type(emailInput, 'test@example.com');
+      await user.click(submitButton);
+
+      // Reset form manually
+      (0, _react2.act)(() => {
+        formUtils.resetForm();
+      });
+      expect(emailInput).toHaveValue('');
+    });
+  });
+});

package/dist/__tests__/Group.test.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _Group = require("../icons/Group");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe('Group Icon', () => {
+  test('renders with default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Group.Group, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('applies correct default dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Group.Group, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Group.Group, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies correct CSS classes', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Group.Group, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'group');
+  });
+  test('applies additional className', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Group.Group, {
+      additionalClassName: "custom-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'group', 'custom-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Group.Group, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('contains correct path data', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Group.Group, null));
+    const path = container.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm720 0v-120q0-44-24.5-84.5T666-434q51 6 96 20.5t84 35.5q36 20 55 44.5t19 53.5v120H760ZM360-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm400-160q0 66-47 113t-113 47q-11 0-28-2.5t-28-5.5q27-32 41.5-71t14.5-81q0-42-14.5-81T544-792q14-5 28-6.5t28-1.5q66 0 113 47t47 113ZM120-240h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0 320Zm0-400Z');
+  });
+  test('contains single path element', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Group.Group, null));
+    const paths = container.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});

package/dist/__tests__/GroupReview.test.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _GroupReview = require("../icons/GroupReview");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe('GroupReview Icon', () => {
+  test('renders with default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GroupReview.GroupReview, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('applies correct default dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GroupReview.GroupReview, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GroupReview.GroupReview, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies correct CSS classes', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GroupReview.GroupReview, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'group-review');
+  });
+  test('applies additional className', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GroupReview.GroupReview, {
+      additionalClassName: "custom-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'group-review', 'custom-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GroupReview.GroupReview, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('contains correct path data', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GroupReview.GroupReview, null));
+    const path = container.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M0-240v-63q0-43 44-70t116-27q13 0 25 .5t23 2.5q-14 21-21 44t-7 48v65H0Zm240 0v-65q0-32 17.5-58.5T307-410q32-20 76.5-30t96.5-10q53 0 97.5 10t76.5 30q32 20 49 46.5t17 58.5v65H240Zm540 0v-65q0-26-6.5-49T754-397q11-2 22.5-2.5t23.5-.5q72 0 116 26.5t44 70.5v63H780Zm-455-80h311q-10-20-55.5-35T480-370q-55 0-100.5 15T325-320ZM160-440q-33 0-56.5-23.5T80-520q0-34 23.5-57t56.5-23q34 0 57 23t23 57q0 33-23 56.5T160-440Zm640 0q-33 0-56.5-23.5T720-520q0-34 23.5-57t56.5-23q34 0 57 23t23 57q0 33-23 56.5T800-440Zm-320-40q-50 0-85-35t-35-85q0-51 35-85.5t85-34.5q51 0 85.5 34.5T600-600q0 50-34.5 85T480-480Zm0-80q17 0 28.5-11.5T520-600q0-17-11.5-28.5T480-640q-17 0-28.5 11.5T440-600q0 17 11.5 28.5T480-560Zm1 240Zm-1-280Z');
+  });
+  test('contains single path element', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GroupReview.GroupReview, null));
+    const paths = container.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});

package/dist/__tests__/Hamburger.test.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _Hamburger = require("../icons/Hamburger.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Suppress console.error during tests
+let consoleErrorSpy;
+beforeAll(() => {
+  consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+});
+afterAll(() => {
+  consoleErrorSpy.mockRestore();
+});
+describe('Hamburger Icon', () => {
+  test('renders SVG element', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hamburger.Hamburger, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('has correct default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hamburger.Hamburger, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+    expect(svg).toHaveAttribute('viewBox', '0 -960 960 960');
+    expect(svg).toHaveAttribute('fill', '#adb5bd');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('hamburger');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hamburger.Hamburger, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies custom componentName and additionalClassName', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hamburger.Hamburger, {
+      componentName: "custom-hamburger",
+      additionalClassName: "extra-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('custom-hamburger');
+    expect(svg).toHaveClass('extra-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hamburger.Hamburger, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('has correct path data', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hamburger.Hamburger, null));
+    const svg = document.querySelector('svg');
+    const path = svg.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z');
+  });
+  test('contains exactly one path element', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Hamburger.Hamburger, null));
+    const svg = document.querySelector('svg');
+    const paths = svg.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});