@bigbinary/neetoui 3.2.68 → 3.2.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui",
-  "version": "3.2.68",
+  "version": "3.2.69",
   "main": "./index.js",
   "author": "BigBinary",
   "license": "MIT",

package/tests/Tag.test.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { Tag } from "../lib/components";
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+describe("Tag", () => {
+  it("should render without error", () => {
+    const { getByText } = render(<Tag label="Tag" />);
+    expect(getByText("Tag")).toBeInTheDocument();
+  });
+
+  it("should show icon when icon string is provided", () => {
+    const { getByTestId } = render(<Tag icon="check" />);
+    expect(getByTestId("class-icon")).toBeInTheDocument();
+  });
+
+  it("should show indicator when indicatorColor is provided", () => {
+    const { getByTestId } = render(<Tag indicatorColor="green" />);
+    expect(getByTestId("tag-indicator")).toBeInTheDocument();
+  });
+
+  it("should show close button if onClose function is provided", () => {
+    const { getByTestId } = render(<Tag onClose={() => {}} />);
+    expect(getByTestId("tag-close-button")).toBeInTheDocument();
+  });
+
+  it("should call onClose on button click", () => {
+    const onClose = jest.fn();
+    const { getByTestId } = render(<Tag onClose={onClose} />);
+    userEvent.click(getByTestId("tag-close-button"));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it("should not call onClose function if tag is disabled", () => {
+    const onClose = jest.fn();
+    const { getByTestId } = render(<Tag onClose={onClose} disabled />);
+    userEvent.click(getByTestId("tag-close-button"));
+    expect(onClose).toHaveBeenCalledTimes(0);
+  });
+});