@bigbinary/neetoui 3.2.79 → 3.2.82

package/tests/Label.test.js

@@ -1,61 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import Label from "../lib/components/Label";
-import userEvent from "@testing-library/user-event";
-
-describe("Label", () => {
-  it("should render without error", () => {
-    const { getByText } = render(<Label>Content</Label>);
-    expect(getByText("Content")).toBeInTheDocument();
-  });
-
-  it("should show * when required prop is provided", () => {
-    const { getByText } = render(
-      <Label required>
-        <p>Content</p>
-      </Label>
-    );
-    expect(getByText("Content")).toBeInTheDocument();
-    expect(getByText("*")).toBeInTheDocument();
-  });
-
-  it("should show info icon by default when helpIconProps is provided", () => {
-    const { getByTestId } = render(
-      <Label helpIconProps={{ "data-testid": "icon" }}>
-        <p>Content</p>
-      </Label>
-    );
-    expect(getByTestId("icon")).toBeInTheDocument();
-  });
-
-  it("should show tooltip when provided in helpIconProps", () => {
-    const { getByText, getByTestId } = render(
-      <Label
-        helpIconProps={{
-          tooltipProps: { content: "Tooltip" },
-          "data-testid": "icon"
-        }}
-      >
-        <p>Content</p>
-      </Label>
-    );
-    userEvent.hover(getByTestId("icon"));
-    expect(getByText("Tooltip")).toBeInTheDocument();
-  });
-
-  it("should trigger onClick when provided in helpIconProps", () => {
-    const onClick = jest.fn();
-    const { getByTestId } = render(
-      <Label
-        helpIconProps={{
-          onClick,
-          "data-testid": "icon"
-        }}
-      >
-        <p>Content</p>
-      </Label>
-    );
-    userEvent.click(getByTestId("icon"));
-    expect(onClick).toHaveBeenCalledTimes(1);
-  });
-});

package/tests/Modal.test.js

@@ -1,116 +0,0 @@
-import React from "react";
-import { Modal, Typography, Button } from "../lib/components";
-import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-describe("Modal", () => {
-  it("should render without error", () => {
-    const { getByText } = render(
-      <Modal isOpen>
-        <Modal.Header>
-          <Typography style="h2">Modal Header</Typography>
-        </Modal.Header>
-      </Modal>
-    );
-    expect(getByText("Modal Header")).toBeInTheDocument();
-  });
-
-  it("should not display content when isOpen is false", () => {
-    const { queryByText } = render(
-      <Modal>
-        <Modal.Header>
-          <Typography style="h2">Modal Header</Typography>
-        </Modal.Header>
-      </Modal>
-    );
-    expect(queryByText("Modal Header")).not.toBeInTheDocument();
-  });
-
-  it("should render body", () => {
-    const { getByText } = render(
-      <Modal isOpen>
-        <Modal.Body>
-          <Typography style="body2" lineHeight="normal">
-            Sample body text
-          </Typography>
-        </Modal.Body>
-      </Modal>
-    );
-    expect(getByText("Sample body text")).toBeInTheDocument();
-  });
-
-  it("should render footer ", () => {
-    const { getByText } = render(
-      <Modal isOpen>
-        <Modal.Footer>
-          <Button label="Submit" size="large" />
-        </Modal.Footer>
-      </Modal>
-    );
-    expect(getByText("Submit")).toBeInTheDocument();
-  });
-
-  it("should not show close button when closeButton is false", () => {
-    const { queryByTestId } = render(
-      <Modal isOpen closeButton={false}>
-        <Modal.Body>Sample text</Modal.Body>
-      </Modal>
-    );
-    expect(queryByTestId("close-button")).not.toBeInTheDocument();
-  });
-
-  it("should trigger onClose on close button is clicked", () => {
-    const onClose = jest.fn();
-    const { getByTestId } = render(
-      <Modal isOpen onClose={onClose}>
-        <Modal.Body>Sample text</Modal.Body>
-      </Modal>
-    );
-    userEvent.click(getByTestId("close-button"));
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it("should close the modal when Esc key is pressed", () => {
-    const onClose = jest.fn();
-    const { container } = render(
-      <Modal isOpen onClose={onClose}>
-        <Modal.Body>Sample text</Modal.Body>
-      </Modal>
-    );
-    userEvent.type(container, "{esc}");
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it("should not close the modal when Esc key is pressed when closeOnEsc is false", () => {
-    const onClose = jest.fn();
-    const { container } = render(
-      <Modal isOpen onClose={onClose} closeOnEsc={false}>
-        <Modal.Body>Sample text</Modal.Body>
-      </Modal>
-    );
-    userEvent.type(container, "{esc}");
-    expect(onClose).not.toHaveBeenCalled();
-  });
-
-  it("should close modal when clicking outside", () => {
-    const onClose = jest.fn();
-    const { getByTestId } = render(
-      <Modal isOpen onClose={onClose} closeOnOutsideClick>
-        <Modal.Body>Sample text</Modal.Body>
-      </Modal>
-    );
-    userEvent.click(getByTestId("backdrop"));
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it("should not close modal when clicking outside when closeOnOutsideClick is false", () => {
-    const onClose = jest.fn();
-    const { getByTestId } = render(
-      <Modal isOpen onClose={onClose} closeOnOutsideClick={false}>
-        <Modal.Body>Sample text</Modal.Body>
-      </Modal>
-    );
-    userEvent.click(getByTestId("backdrop"));
-    expect(onClose).not.toHaveBeenCalled();
-  });
-});

package/tests/PageLoader.test.js

@@ -1,15 +0,0 @@
-import React from "react";
-import { PageLoader } from "../lib/components";
-import { render } from "@testing-library/react";
-
-describe("PageLoader", () => {
-  it("should render without error", () => {
-    const { getByTestId } = render(<PageLoader data-testid="pageloader"/>);
-    expect(getByTestId("pageloader")).toBeInTheDocument();
-  });
-
-  it("should render text without error", () => {
-    const { getByText } = render(<PageLoader text="Loading"/>);
-    expect(getByText("Loading")).toBeInTheDocument();
-  });
-});

package/tests/Pagination.test.js

@@ -1,125 +0,0 @@
-import React from "react";
-import { Pagination } from "../lib/components";
-import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-const currentPage = 3
-const count = 1000
-const pageSize = 100
-
-describe("Pagination", () => {
-  it("should render current page number without error", () => {
-    const { getByText } = render(
-      <Pagination
-        count={count}
-        pageNo={currentPage}
-        pageSize={pageSize}
-      />
-    );
-    expect(getByText(currentPage)).toBeInTheDocument();
-  });
-
-  it("should invoke navigate callback when the left navigate button is clicked.", () => {
-    const navigate = jest.fn()
-    const { getByTestId } = render(
-      <Pagination
-        count={count}
-        pageNo={currentPage}
-        pageSize={pageSize}
-        navigate={navigate}
-      />
-    );
-    userEvent.click(getByTestId("left-navigate-button"));
-    expect(navigate).toHaveBeenCalledTimes(1);
-    expect(navigate).toHaveBeenCalledWith(currentPage - 1);
-  });
-
-  it("should invoke navigate callback when the right navigate button is clicked.", () => {
-    const navigate = jest.fn()
-    const { getByTestId } = render(
-      <Pagination
-        count={count}
-        pageNo={currentPage}
-        pageSize={pageSize}
-        navigate={navigate}
-      />
-    );
-    userEvent.click(getByTestId("right-navigate-button"));
-    expect(navigate).toHaveBeenCalledTimes(1);
-    expect(navigate).toHaveBeenCalledWith(currentPage + 1);
-  });
-
-  it("should invoke navigate callback when any page number is clicked.", () => {
-    const navigate = jest.fn()
-    const { getByText } = render(
-      <Pagination
-        count={count}
-        pageNo={currentPage}
-        pageSize={pageSize}
-        navigate={navigate}
-      />
-    );
-    userEvent.click(getByText("4"));
-    expect(navigate).toHaveBeenCalledTimes(1);
-    expect(navigate).toHaveBeenCalledWith(4);
-  });
-
-  it("should not render anything when currentPage is 0", () => {
-    const { container } = render(
-      <Pagination
-        count={count}
-        pageNo={0}
-        pageSize={pageSize}
-      />
-    )
-    expect(container.firstChild).toBeNull();
-  });
-
-  it("should render only left dots when there are more than 1 page between the extremes of left sibling and the page limit", () => {
-    const { getByTestId } = render(
-      <Pagination
-        count={count}
-        pageNo={7}
-        pageSize={pageSize}
-      />
-    )
-    const dots = getByTestId("dots")
-    expect(dots).toBeInTheDocument()
-  });
-
-  it("should render only right dots when there are more than 1 page between the extremes of right sibling and the page limit", () => {
-    const { getByTestId } = render(
-      <Pagination
-        count={count}
-        pageNo={3}
-        pageSize={pageSize}
-      />
-    )
-    const dots = getByTestId("dots")
-    expect(dots).toBeInTheDocument()
-  });
-
-  it("should render both left and right dots when there are more than 1 page between the extremes of both siblings and the page limit", () => {
-    const { getAllByTestId } = render(
-      <Pagination
-        count={count}
-        pageNo={5}
-        pageSize={pageSize}
-      />
-    )
-    const dots = getAllByTestId("dots")
-    expect(dots.length).toBe(2)
-  });
-
-  it("should not render any dots if the number of pages is less than the page numbers we want to show ", () => {
-    const { queryByTestId } = render(
-      <Pagination
-        count={500}
-        pageNo={currentPage}
-        pageSize={pageSize}
-      />
-    )
-    const dots = queryByTestId("dots")
-    expect(dots).toBeNull()
-  });
-});

package/tests/Pane.test.js

@@ -1,116 +0,0 @@
-import React from "react";
-import { Pane, Typography, Button } from "../lib/components";
-import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-describe("Pane", () => {
-  it("should render without error", () => {
-    const { getByText } = render(
-      <Pane isOpen>
-        <Pane.Header>
-          <Typography style="h2">Pane header</Typography>
-        </Pane.Header>
-      </Pane>
-    );
-    expect(getByText("Pane header")).toBeInTheDocument();
-  });
-
-  it("should not display content when isOpen is false", () => {
-    const { queryByText } = render(
-      <Pane>
-        <Pane.Header>
-          <Typography style="h2">Pane header</Typography>
-        </Pane.Header>
-      </Pane>
-    );
-    expect(queryByText("Pane header")).not.toBeInTheDocument();
-  });
-
-  it("should render body", () => {
-    const { getByText } = render(
-      <Pane isOpen>
-        <Pane.Body>
-          <Typography style="body2" lineHeight="normal">
-            Pane body
-          </Typography>
-        </Pane.Body>
-      </Pane>
-    );
-    expect(getByText("Pane body")).toBeInTheDocument();
-  });
-
-  it("should render footer", () => {
-    const { getByText } = render(
-      <Pane isOpen>
-        <Pane.Footer>
-          <Button label="Submit" />
-        </Pane.Footer>
-      </Pane>
-    );
-    expect(getByText("Submit")).toBeInTheDocument();
-  });
-
-  it("should not show close button when closeButton is false", () => {
-    const { queryByTestId } = render(
-      <Pane isOpen closeButton={false}>
-        <Pane.Body>Pane body</Pane.Body>
-      </Pane>
-    );
-    expect(queryByTestId("close-button")).not.toBeInTheDocument();
-  });
-
-  it("should trigger onClose when close button is clicked", () => {
-    const onClose = jest.fn();
-    const { getByTestId } = render(
-      <Pane isOpen onClose={onClose}>
-        <Pane.Body>Pane body</Pane.Body>
-      </Pane>
-    );
-    userEvent.click(getByTestId("close-button"));
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it("should close the pane when Esc key is pressed", () => {
-    const onClose = jest.fn();
-    const { container } = render(
-      <Pane isOpen onClose={onClose}>
-        <Pane.Body>Pane body</Pane.Body>
-      </Pane>
-    );
-    userEvent.type(container, "{esc}");
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it("should not close the pane when Esc key is pressed when closeOnEsc is false", () => {
-    const onClose = jest.fn();
-    const { container } = render(
-      <Pane isOpen onClose={onClose} closeOnEsc={false}>
-        <Pane.Body>Pane body</Pane.Body>
-      </Pane>
-    );
-    userEvent.type(container, "{esc}");
-    expect(onClose).not.toHaveBeenCalled();
-  });
-
-  it("should close pane on clicking outside", () => {
-    const onClose = jest.fn();
-    const { getByTestId } = render(
-      <Pane isOpen onClose={onClose} closeOnOutsideClick>
-        <Pane.Body>Pane body</Pane.Body>
-      </Pane>
-    );
-    userEvent.click(getByTestId("backdrop"));
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it("should not close pane on clicking outside when closeOnOutsideClick is false", () => {
-    const onClose = jest.fn();
-    const { getByTestId } = render(
-      <Pane isOpen onClose={onClose} closeOnOutsideClick={false}>
-        <Pane.Body>Pane body</Pane.Body>
-      </Pane>
-    );
-    userEvent.click(getByTestId("backdrop"));
-    expect(onClose).not.toHaveBeenCalled();
-  });
-});

package/tests/Radio.test.js

@@ -1,83 +0,0 @@
-import React, { useState } from "react";
-import { Radio } from "../lib/components";
-import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-const ControlledRadio = () => {
-  const [value, setValue] = useState("");
-
-  return (
-    <Radio
-      label="Radio"
-      onChange={(e) => setValue(e.target.value)}
-      value={value}
-    >
-      <Radio.Item label="option1" name="options" value="option1" />
-      <Radio.Item label="option2" name="options" value="option2" />
-    </Radio>
-  );
-};
-
-describe("Radio", () => {
-  it("should render without error", () => {
-    const { getByText } = render(
-      <Radio label="Radio">
-        <Radio.Item label="option1" name="options" value="option1" />
-      </Radio>
-    );
-    expect(getByText("Radio")).toBeInTheDocument();
-  });
-
-  it("should call onChange when radio value is changed", () => {
-    const onChange = jest.fn((event) => {
-      expect(event.target.value).toBe("option1");
-    });
-    const { getByText } = render(
-      <Radio label="Radio" onChange={onChange}>
-        <Radio.Item label="option1" name="options" value="option1" />
-      </Radio>
-    );
-    userEvent.click(getByText("option1"));
-    expect(onChange).toHaveBeenCalledTimes(1);
-  });
-
-  it("should display error message", () => {
-    const { getByText } = render(
-      <Radio label="Radio" error="Error message">
-        <Radio.Item label="option1" name="options" value="option1" />
-      </Radio>
-    );
-    expect(getByText("Error message")).toBeInTheDocument();
-  });
-
-  it("should be unchecked by default", () => {
-    const { getByRole } = render(
-      <Radio label="Radio">
-        <Radio.Item label="option1" name="options" value="option1" />
-      </Radio>
-    );
-    expect(getByRole("radio")).not.toBeChecked();
-  });
-
-  it("should show controlled behaviour", () => {
-    const { getAllByRole } = render(<ControlledRadio />);
-    const radio = getAllByRole("radio");
-    userEvent.click(radio[0]);
-    expect(radio[0]).toBeChecked();
-    expect(radio[1]).not.toBeChecked();
-    userEvent.click(radio[1]);
-    expect(radio[0]).not.toBeChecked();
-    expect(radio[1]).toBeChecked();
-  });
-
-  it("should be checked on clicking the radio item", () => {
-    const { getByRole } = render(
-      <Radio label="Radio">
-        <Radio.Item label="option1" name="options" value="option1" />
-      </Radio>
-    );
-    const radio = getByRole("radio");
-    userEvent.click(radio);
-    expect(radio).toBeChecked();
-  });
-});

package/tests/Select.test.js

@@ -1,85 +0,0 @@
-import React from "react";
-import { Select } from "../lib/components";
-import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-const options = [
-  {
-    label: "Option 1",
-    value: "option-1",
-  },
-  {
-    label: "Option 2",
-    value: "option-2",
-  },
-];
-
-describe("Select", () => {
-  it("should render without error", () => {
-    const { getByText } = render(<Select label="Select" options={options} />);
-    expect(getByText("Select")).toBeInTheDocument();
-  });
-
-  it("should show option list on clicking", () => {
-    const { getByRole, getByText } = render(
-      <Select label="Select" options={options} />
-    );
-    const select = getByRole("combobox");
-    userEvent.click(select);
-    expect(getByText("Option 1")).toBeInTheDocument();
-    expect(getByText("Option 2")).toBeInTheDocument();
-  });
-
-  it("should call onChange on select option", () => {
-    const onChange = jest.fn();
-    const { getByRole, getByText } = render(
-      <Select label="Select" options={options} onChange={onChange} />
-    );
-    const select = getByRole("combobox");
-    userEvent.click(select);
-    userEvent.click(getByText("Option 2"));
-    expect(onChange).toHaveBeenCalledTimes(1);
-  });
-
-  it("should change selected option value when an option is selected", async () => {
-    const { getByRole, getByText } = render(
-      <Select label="Select" options={options} />
-    );
-    const select = getByRole("combobox");
-    userEvent.click(select);
-    userEvent.click(getByText("Option 2"));
-    expect(getByText("Option 2")).toBeInTheDocument();
-  });
-
-  it("should not render label if label is not provided", () => {
-    const { queryByTestId } = render(<Select options={options} />);
-    expect(queryByTestId("select-label")).not.toBeInTheDocument();
-  });
-
-  it("should show error message if provided", () => {
-    const { getByText, getByTestId } = render(
-      <Select label="Select" options={options} error="Error message" />
-    );
-    expect(getByTestId("select-error")).toBeInTheDocument();
-    expect(getByText("Error message")).toBeInTheDocument();
-  });
-
-  it("should show help text if provided", () => {
-    const { getByText, getByTestId } = render(
-      <Select label="Select" options={options} helpText="Help text" />
-    );
-    expect(getByTestId("select-help-text")).toBeInTheDocument();
-    expect(getByText("Help text")).toBeInTheDocument();
-  });
-
-  test("creatable Select should create new element", () => {
-    const { getByRole, getByTestId } = render(<Select isCreateable />);
-    const select = getByRole("combobox");
-    const selectBox = getByTestId("select");
-    userEvent.click(select);
-    expect(selectBox).toHaveTextContent("No options", { exact: false });
-    userEvent.type(select, "hello");
-    userEvent.type(select, "{enter}");
-    expect(selectBox).toHaveTextContent("hello", { exact: false });
-  });
-});

package/tests/Spinner.test.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { Spinner } from "../lib/components";
-import { render } from "@testing-library/react";
-
-describe("Spinner", () => {
-  it("should render without error", () => {
-    const { getByTestId } = render(<Spinner/>);
-    expect(getByTestId("spinner")).toBeInTheDocument();
-  });
-});

package/tests/Switch.test.js

@@ -1,61 +0,0 @@
-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();
-  });
-});