@bigbinary/neetoui 3.2.75 → 3.2.76

package/package.json

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

package/tests/EmailInput.test.js

@@ -157,7 +157,7 @@ describe("EmailInput", () => {
           { label: "test@example.com", value: "test@example.com", valid: true },
           { label: "invalidEmail", value: "invalidEmail" },
         ]}
-        filterInvalidEmails
+        filterInvalidEmails={{}}
         error="Invalid email"
       />
     );

package/tests/Switch.test.js

@@ -0,0 +1,61 @@
+import React from "react";
+import { Switch } from "../lib/components";
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+describe("Switch", () => {
+  it("should render without error", () => {
+    const { getByRole } = render(<Switch />);
+    const switchButton = getByRole("checkbox");
+    expect(switchButton).toBeInTheDocument();
+  });
+
+  it("should be unchecked by default", () => {
+    const { getByRole } = render(<Switch />);
+    const switchButton = getByRole("checkbox");
+    expect(switchButton).not.toBeChecked();
+  });
+
+  it("should be checked on clicking the checkbox", () => {
+    const { getByRole } = render(<Switch />);
+    const switchButton = getByRole("checkbox");
+    userEvent.click(switchButton);
+    expect(switchButton).toBeChecked();
+  });
+
+  it("should render label", () => {
+    const { getByText } = render(<Switch label="Switch" />);
+    const label = getByText("Switch");
+    expect(label).toBeInTheDocument();
+  });
+
+  it("should render asterisk when required is set to true", () => {
+    const { getByText } = render(<Switch required label="Switch" />);
+    const asterisk = getByText("*");
+    expect(asterisk).toBeInTheDocument();
+  });
+
+  it("should display error message", () => {
+    const { getByText } = render(<Switch error="Error message" />);
+    const errorMessage = getByText("Error message");
+    expect(errorMessage).toBeInTheDocument();
+  });
+
+  it("should be disabled if disabled is true", () => {
+    const { getByRole } = render(<Switch disabled />);
+    const switchButton = getByRole("checkbox");
+    expect(switchButton).toBeDisabled();
+  });
+
+  it("should render check icon icon when checked is true", () => {
+    const { getByTestId } = render(<Switch checked />);
+    const checkIcon = getByTestId("check-icon");
+    expect(checkIcon).toBeInTheDocument();
+  });
+
+  it("should render close icon icon when checked is false", () => {
+    const { getByTestId } = render(<Switch checked={false} />);
+    const closeIcon = getByTestId("close-icon");
+    expect(closeIcon).toBeInTheDocument();
+  });
+});

package/tests/Tab.test.js

@@ -0,0 +1,60 @@
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Tab } from "../lib/components";
+import { BrowserRouter } from "react-router-dom";
+
+describe("Tab", () => {
+  it("should render without error", () => {
+    render(
+      <Tab>
+        <Tab.Item>Tab 1</Tab.Item>
+        <Tab.Item>Tab 2</Tab.Item>
+      </Tab>
+    );
+    expect(screen.getByText("Tab 1")).toBeInTheDocument();
+    expect(screen.getByText("Tab 2")).toBeInTheDocument();
+  });
+
+  it("should render a link when activeClassName is provided", () => {
+    render(<BrowserRouter>
+      <Tab>
+        <Tab.Item activeClassName="active" to="/route">Tab 1</Tab.Item>
+        <Tab.Item>Tab 2</Tab.Item>
+      </Tab>
+    </BrowserRouter>);
+    expect(screen.getByRole("link")).toBeInTheDocument();
+    expect(screen.getByRole("link")).toHaveAttribute("href", "/route");
+  });
+
+  it("should render icon when provided", () => {
+    render(<Tab>
+      <Tab.Item icon={() => <svg data-testid="svg-icon" />}>Tab 1</Tab.Item>
+    </Tab>);
+    expect(screen.getByTestId("svg-icon")).toBeInTheDocument();
+  });
+
+  it("should render icon when icon className is provided", () => {
+    render(<Tab>
+      <Tab.Item icon="icon">Tab 1</Tab.Item>
+    </Tab>);
+    expect(screen.getByTestId("tab-icon")).toBeInTheDocument();
+  });
+
+  it("should call onClick when clicked on Tab", () => {
+    const onClick = jest.fn();
+    render(<Tab>
+      <Tab.Item icon="icon" onClick={onClick}>Tab 1</Tab.Item>
+    </Tab>);
+    userEvent.click(screen.getByText("Tab 1"));
+    expect(onClick).toHaveBeenCalled();
+  });
+
+  it("should make the tab active when active prop is true", () => {
+    render(<Tab>
+      <Tab.Item active>Tab 1</Tab.Item>
+      <Tab.Item>Tab 2</Tab.Item>
+    </Tab>);
+    expect(screen.getByText("Tab 1")).toHaveClass("active");
+  });
+});