Add jest unit testing to Chip component

components/lib/chip/Chip.spec.js

@@ -0,0 +1,44 @@
+import { fireEvent, render, within } from '@testing-library/react';
+import { Chip } from './Chip';
+
+import '@testing-library/jest-dom';
+
+describe('Chip', () => {
+    test('when removable is true it returns with remove icon', () => {
+        const removeOn = jest.fn();
+        const { container } = render(<Chip removable onRemove={removeOn} />);
+        const chipRemoveIcon = container.getElementsByClassName('p-chip-remove-icon')[0];
+
+        fireEvent.click(chipRemoveIcon);
+
+        expect(container.getElementsByClassName('p-chip-remove-icon pi pi-times-circle').length).toBe(0);
+        expect(removeOn).toHaveBeenCalledTimes(1);
+    });
+
+    test('when image is property it returns with image class', () => {
+        const { container } = render(<Chip image={'test'} />);
+
+        const wrapper = container.getElementsByClassName('p-chip p-component p-chip-image');
+        const chipImage = within(wrapper[0]).getByRole('img');
+
+        expect(chipImage.getAttribute('alt')).toBe('chip');
+    });
+
+    test('when icon is property it returns with icon class', () => {
+        const { container } = render(<Chip icon={'pi pi-check'} />);
+
+        const icon = container.getElementsByClassName('p-chip-icon');
+        const iconClass = icon[0].getAttribute('class');
+
+        expect(iconClass).toBe('p-chip-icon pi pi-check');
+    });
+
+    test('when label is property it returns with label class', () => {
+        const { container } = render(<Chip label={'test'} />);
+
+        const label = container.getElementsByClassName('p-chip-text');
+        const spanTextContent = label[0].textContent;
+
+        expect(spanTextContent).toBe('test');
+    });
+});

package.json

@@ -55,6 +55,7 @@
         "@types/react-dom": "^18.0.6",
         "@types/react-transition-group": "^4.4.5",
         "@typescript-eslint/eslint-plugin": "^5.42.0",
+        "@testing-library/user-event": "^14.4.3",
         "eslint": "8.26.0",
         "eslint-config-next": "13.0.0",
         "eslint-config-prettier": "^8.5.0",