@licklist/design 0.58.9 → 0.58.11-dev.0

package/tests/ProductSet/ProductSetPopover.test.tsx

@@ -1,40 +0,0 @@
-import React from "react";
-import { mount } from "enzyme";
-import { Button } from "react-bootstrap";
-import { ProductSetPopover } from "../../src/product-set/popover/ProductSetPopover";
-
-describe("Product Set Popover", () => {
-  it("should render without issues", () => {
-    const component = mount(
-      <ProductSetPopover>
-        <>Lorem ipsum dolor sit</>
-      </ProductSetPopover>
-    );
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should be controlled if isVisible prop has been passed", () => {
-    const component = mount(
-      <ProductSetPopover isVisible={false}>
-        <p id="popover-content">Some text here...</p>
-      </ProductSetPopover>
-    );
-    const triggerButton = component.find(Button).first();
-    triggerButton.simulate("click");
-    const content = component.find("#popover-content");
-
-    expect(content).toHaveLength(0);
-  });
-  it("should be uncontrolled if isVisible has not been passed", () => {
-    const component = mount(
-      <ProductSetPopover>
-        <p id="popover-content">Some text here...</p>
-      </ProductSetPopover>
-    );
-    const triggerButton = component.find(Button).first();
-    triggerButton.simulate("click");
-    const content = component.find("#popover-content");
-
-    expect(content).toHaveLength(1);
-  });
-});

package/tests/Report/Report.test.tsx

@@ -1,48 +0,0 @@
-/* eslint-disable testing-library/render-result-naming-convention */
-import * as React from "react";
-import { render } from "@testing-library/react";
-import { createMemoryHistory } from "history";
-import { Router } from "react-router-dom";
-import { ReportCard } from "../../src/report/card/ReportCard";
-import { ReportForm } from "../../src/report/form/ReportForm";
-import useTranslationMock from "../__mock__/hooks/useTranslationMock";
-
-const history = createMemoryHistory();
-
-jest.mock("react-i18next", () => ({
-  Trans: jest.fn().mockReturnValue("test"),
-  useTranslation: jest.fn(),
-}));
-
-beforeEach(() => {
-  useTranslationMock();
-});
-
-afterAll(() => {
-  jest.resetAllMocks();
-});
-
-describe("Report", () => {
-  it("ReportCard should be rendered without issues", () => {
-    const screen = render(
-      <Router history={history as any}>
-        <ReportCard hasPermission name="Sales" onPress={() => {}} iconType="" />
-      </Router>
-    );
-    expect(screen.getByText("Sales")).toBeInTheDocument();
-  });
-
-  it("ReportForm should be rendered without issues", () => {
-    const screen = render(
-      <ReportForm hasPermission onSubmit={() => {}} onHide={() => {}} />
-    );
-    expect(screen.getAllByRole("button")).toBeTruthy();
-  });
-
-  it("ReportForm should not rendered button without valid permission", () => {
-    const screen = render(
-      <ReportForm hasPermission={false} onSubmit={() => {}} onHide={() => {}} />
-    );
-    expect(screen.queryByRole("button")).not.toBeInTheDocument();
-  });
-});

package/tests/Sales/Coupon.test.tsx

@@ -1,51 +0,0 @@
-/* eslint-disable testing-library/render-result-naming-convention */
-import * as React from "react";
-import { render } from "@testing-library/react";
-import { Router } from "react-router-dom";
-import { createMemoryHistory } from "history";
-
-import useTranslationMock from "../__mock__/hooks/useTranslationMock";
-import { CouponForm } from "../../src/sales/coupon/form";
-
-const history = createMemoryHistory();
-
-jest.mock("react-i18next", () => ({
-  Trans: jest.fn().mockReturnValue("test"),
-  useTranslation: jest.fn(),
-}));
-
-beforeEach(() => {
-  useTranslationMock();
-});
-
-afterAll(() => {
-  jest.resetAllMocks();
-});
-
-describe("CouponFrom", () => {
-  it("CouponFrom should be rendered without issues with permission", () => {
-    const screen = render(
-      <Router history={history as any}>
-        <CouponForm
-          hasPermission
-          onSubmit={() => {}}
-          serverErrors={{ name: [""] }}
-        />
-      </Router>
-    );
-    expect(screen.getByRole("button")).toBeTruthy();
-  });
-
-  it("CouponFrom should be rendered without issues without permission", () => {
-    const screen = render(
-      <Router history={history as any}>
-        <CouponForm
-          hasPermission={false}
-          onSubmit={() => {}}
-          serverErrors={{ name: [""] }}
-        />
-      </Router>
-    );
-    expect(screen.queryByRole("button")).toBeFalsy();
-  });
-});

package/tests/Sales/SalesAndVIews.test.tsx

@@ -1,63 +0,0 @@
-/* eslint-disable testing-library/render-result-naming-convention */
-import * as React from "react";
-import { render } from "@testing-library/react";
-import moment from "moment";
-import { IntlProvider } from "react-intl";
-import useTranslationMock from "../__mock__/hooks/useTranslationMock";
-
-import {
-  ChartData,
-  SalesAndViewsChart,
-} from "../../src/sales/sales-and-views/SalesAndViewsChart";
-
-jest.mock("react-i18next", () => ({
-  Trans: jest.fn().mockReturnValue("test"),
-  useTranslation: jest.fn(),
-}));
-
-beforeEach(() => {
-  useTranslationMock();
-});
-
-afterAll(() => {
-  jest.resetAllMocks();
-});
-
-function generateRandom() {
-  return Math.floor(Math.random() * 100);
-}
-
-const genarateChartData = (): ChartData[] => {
-  const chartData = [];
-  const date = moment().subtract(90, "d");
-
-  for (let i = 0; i < 90; i += 1) {
-    chartData.push({
-      id: i,
-      sales: generateRandom(),
-      views: generateRandom(),
-      date: date.add(i, "d").format("YYYY-MM-DD"),
-    });
-  }
-  return chartData;
-};
-
-describe("SalesAndViewsChart", () => {
-  it("SalesAndViewsChart should be rendered without issues", () => {
-    const data = genarateChartData();
-
-    const screen = render(
-      <IntlProvider locale="en" timeZone="Europe/London">
-        <div style={{ height: "500px", width: "700px" }}>
-          <SalesAndViewsChart
-            data={data}
-            handleFilter={() => {}}
-            activePeriod="week"
-          />
-        </div>
-      </IntlProvider>
-    );
-    const salesHeaderContainer = screen.getAllByText("test");
-    expect(salesHeaderContainer[0]).toBeInTheDocument();
-  });
-});

package/tests/SnippetTemplates/SnippetTemplates.test.tsx

@@ -1,56 +0,0 @@
-/* eslint-disable testing-library/render-result-naming-convention */
-import * as React from "react";
-import { createMemoryHistory } from "history";
-import { Router } from "react-router-dom";
-import { render } from "@testing-library/react";
-import { SnippetTemplateCard } from "../../src/setting/dashboard/snippet-templates/card";
-import useTranslationMock from "../__mock__/hooks/useTranslationMock";
-
-const history = createMemoryHistory();
-
-jest.mock("react-i18next", () => ({
-  Trans: jest.fn().mockReturnValue("test"),
-  useTranslation: jest.fn(),
-}));
-
-beforeEach(() => {
-  useTranslationMock();
-});
-
-afterAll(() => {
-  jest.resetAllMocks();
-});
-
-describe("SnippetTemplates", () => {
-  it("SnippetTemplate should be rendered without issues", () => {
-    const screen = render(
-      <Router history={history as any}>
-        <SnippetTemplateCard
-          hasPermission
-          name="testSnippet"
-          onRemove={() => {}}
-          colors={["blue", "yellow"]}
-          href="/"
-        />
-      </Router>
-    );
-
-    expect(screen.getByRole("button")).toBeTruthy();
-  });
-
-  it("SnippetTemplate without permission", async () => {
-    const screen = render(
-      <Router history={history as any}>
-        <SnippetTemplateCard
-          hasPermission={false}
-          name="testSnippet"
-          onRemove={() => {}}
-          colors={["blue", "yellow"]}
-          href="/"
-        />
-      </Router>
-    );
-
-    expect(screen.queryByRole("button")).toBeFalsy();
-  });
-});

package/tests/Table/FilterHelperComponent.test.tsx

@@ -1,88 +0,0 @@
-import { mount, shallow } from "enzyme";
-import * as React from "react";
-import { act } from "react-dom/test-utils";
-import FormControl from "react-bootstrap/FormControl";
-import Button from "react-bootstrap/Button";
-import { FilterHelperComponent } from "../../src/table/FilterHelperComponent";
-
-describe("FilterHelperComponent", () => {
-  it("should be rendered without issues", () => {
-    const component = shallow(<FilterHelperComponent />);
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should be mount without issues", () => {
-    const component = mount(
-      <FilterHelperComponent defaultValue="defaultValue" />
-    );
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should act on change", () => {
-    const component = mount(<FilterHelperComponent />);
-
-    act(() => {
-      component.find(FormControl).first().prop("onChange")?.({
-        target: {
-          value: "onChange",
-        },
-      } as React.ChangeEvent<HTMLInputElement>);
-    });
-
-    component.update();
-    expect(component.find(FormControl).first().prop("value")).toBe("onChange");
-  });
-
-  it("should act on clear", () => {
-    const onClickFn = jest.fn();
-    const component = mount(<FilterHelperComponent onClickFn={onClickFn} />);
-
-    act(() => {
-      component.find(Button).first().prop("onClick")?.(
-        {} as React.MouseEvent<HTMLButtonElement>
-      );
-    });
-
-    component.update();
-    expect(onClickFn).toHaveBeenCalledTimes(1);
-  });
-
-  it("should act on search", () => {
-    const onClickFn = jest.fn();
-    const component = mount(<FilterHelperComponent onClickFn={onClickFn} />);
-
-    act(() => {
-      component.find(Button).last().prop("onClick")?.(
-        {} as React.MouseEvent<HTMLButtonElement>
-      );
-    });
-
-    component.update();
-    expect(onClickFn).toHaveBeenCalledTimes(1);
-  });
-
-  it("should act on enter", () => {
-    const onClickFn = jest.fn();
-    const component = mount(<FilterHelperComponent onClickFn={onClickFn} />);
-
-    act(() => {
-      component.find(FormControl).last().prop("onKeyDown")?.({
-        key: "Space",
-      } as React.KeyboardEvent);
-    });
-
-    component.update();
-    expect(onClickFn).toHaveBeenCalledTimes(0);
-
-    act(() => {
-      component.find(FormControl).last().prop("onKeyDown")?.({
-        key: "Enter",
-      } as React.KeyboardEvent);
-    });
-
-    component.update();
-    expect(onClickFn).toHaveBeenCalledTimes(1);
-  });
-});

package/tests/Table/PaginationHelperComponent.test.tsx

@@ -1,109 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-types */
-import ILengthAwarePaginator from "@licklist/plugins/dist/types/services/Table/ILengthAwarePaginator";
-import { mount, shallow } from "enzyme";
-import * as React from "react";
-import PageItem from "react-bootstrap/PageItem";
-import { act } from "react-dom/test-utils";
-import { PaginationHelperComponent } from "../../src/table/PaginationHelperComponent";
-import useTranslationMock from "../__mock__/hooks/useTranslationMock";
-
-jest.mock("react-i18next", () => ({
-  Trans: jest.fn().mockReturnValue("test"),
-  useTranslation: jest.fn(),
-}));
-
-beforeEach(() => {
-  useTranslationMock();
-});
-
-afterAll(() => {
-  jest.resetAllMocks();
-});
-
-describe("PaginationHelperComponent", () => {
-  const getPaginator = (): ILengthAwarePaginator<{}> => ({
-    current_page: 1,
-    last_page: 1,
-    first_page_url: "first_page_url",
-    last_page_url: "last_page_url",
-    next_page_url: "next_page_url",
-    prev_page_url: "prev_page_url",
-    path: "path",
-    per_page: 1,
-    from: 0,
-    to: 1,
-    total: 1,
-    data: [
-      {
-        test: "data",
-      },
-    ],
-  });
-
-  it("should be rendered without issues", () => {
-    const component = shallow(<PaginationHelperComponent />);
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should be mount without issues", () => {
-    const component = mount(
-      <PaginationHelperComponent paginator={getPaginator()} />
-    );
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should render pagination section if there are more pages", () => {
-    const paginator = getPaginator();
-    paginator.last_page = 2;
-    const component = mount(
-      <PaginationHelperComponent paginator={paginator} />
-    );
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should act on page change", () => {
-    const paginator = getPaginator();
-    const onPageChangeFn = jest.fn();
-    paginator.last_page = 2;
-    const component = mount(
-      <PaginationHelperComponent
-        paginator={paginator}
-        onPageChangeFn={onPageChangeFn}
-      />
-    );
-
-    act(() => {
-      component.find("button").first().prop("onClick")?.(
-        {} as React.MouseEvent<HTMLElement>
-      );
-    });
-
-    component.update();
-    expect(onPageChangeFn).toHaveBeenCalledTimes(1);
-  });
-
-  it("should act on page change by click on a specific page", () => {
-    const paginator = getPaginator();
-    const onPageChangeFn = jest.fn();
-    paginator.last_page = 2;
-    const component = mount(
-      <PaginationHelperComponent
-        paginator={paginator}
-        onPageChangeFn={onPageChangeFn}
-      />
-    );
-
-    act(() => {
-      component.find(PageItem).at(1).prop("onClick")?.(
-        {} as React.MouseEvent<HTMLElement>
-      );
-    });
-
-    component.update();
-    expect(onPageChangeFn).toHaveBeenCalledTimes(1);
-    expect(onPageChangeFn).toHaveBeenCalledWith(2);
-  });
-});

package/tests/Table/PerPageHelperComponent.test.tsx

@@ -1,34 +0,0 @@
-import { mount, shallow } from "enzyme";
-import * as React from "react";
-import { act } from "react-dom/test-utils";
-import { PerPageHelperComponent } from "../../src/table/PerPageHelperComponent";
-
-describe("PerPageHelperComponent", () => {
-  it("should be rendered without issues", () => {
-    const component = shallow(<PerPageHelperComponent />);
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should be mount without issues", () => {
-    const component = mount(<PerPageHelperComponent defaultValue={10} />);
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should act on change", () => {
-    const onChangeFn = jest.fn();
-    const component = mount(<PerPageHelperComponent onChangeFn={onChangeFn} />);
-
-    act(() => {
-      component.find("select").first().prop("onChange")?.({
-        target: {
-          value: "100",
-        },
-      } as React.ChangeEvent<HTMLSelectElement>);
-    });
-
-    component.update();
-    expect(onChangeFn).toHaveBeenCalledTimes(1);
-  });
-});