@licklist/design 0.63.2 → 0.63.3-dev.0

package/tests/Auth/Social/SocialCallbackComponent.test.tsx

@@ -1,133 +0,0 @@
-import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
-import { mount, shallow } from "enzyme";
-import * as React from "react";
-import { SocialCallbackComponent } from "../../../src/auth/Social/SocialCallbackComponent";
-import useAuthMock from "../../__mock__/hooks/useAuthMock";
-import useNotificationMock from "../../__mock__/hooks/useNotificationMock";
-import useQueryMock from "../../__mock__/hooks/useQueryMock";
-import useSocialApiMock from "../../__mock__/hooks/useSocialApiMock";
-import useTranslationMock from "../../__mock__/hooks/useTranslationMock";
-import useUserApiMock from "../../__mock__/hooks/useUserApiMock";
-import useUserMock from "../../__mock__/hooks/useUserMock";
-
-jest.mock("react-i18next", () => ({
-  Trans: jest.fn().mockReturnValue("test"),
-  useTranslation: jest.fn(),
-}));
-jest.mock("react-router-dom", () => ({
-  useParams: () => ({
-    provider: "facebook",
-  }),
-}));
-jest.mock("@licklist/plugins/dist/context/app/hooks/useNotification");
-jest.mock("@licklist/plugins/dist/context/user/hooks/useAuth");
-jest.mock("@licklist/plugins/dist/context/user/hooks/useUser");
-jest.mock("@licklist/plugins/dist/hooks/Api/useSocialApi");
-jest.mock("@licklist/plugins/dist/hooks/Api/useUserApi");
-jest.mock("@licklist/plugins/dist/hooks/Query/useQuery");
-
-beforeEach(() => {
-  useQueryMock();
-  useTranslationMock();
-  useNotificationMock({
-    danger: jest.fn(),
-    success: jest.fn(),
-  });
-  useAuthMock({
-    setSecrets: jest.fn(),
-  });
-  useUserMock({
-    login: jest.fn(),
-  });
-});
-
-afterAll(() => {
-  jest.resetAllMocks();
-});
-
-describe("SocialCallbackComponent", () => {
-  it("should be rendered without issues", () => {
-    const component = shallow(<SocialCallbackComponent />);
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should fail on facebook callback", async () => {
-    const getSocialProviderMock = jest.fn().mockReturnValue("facebook");
-    const registerCallbackMock = jest
-      .fn()
-      .mockReturnValue(Promise.reject(new Error("test")));
-    const notificationDangerMock = jest.fn();
-    const notificationSuccessMock = jest.fn();
-
-    useNotificationMock({
-      danger: notificationDangerMock,
-      success: notificationSuccessMock,
-    });
-
-    useSocialApiMock({
-      getSocialProvider: getSocialProviderMock,
-      registerCallback: registerCallbackMock,
-    });
-
-    mount(<SocialCallbackComponent />);
-
-    expect(getSocialProviderMock).toHaveBeenCalledTimes(1);
-    expect(registerCallbackMock).toHaveBeenCalledTimes(1);
-    expect(notificationSuccessMock).toHaveBeenCalledTimes(0);
-  });
-
-  it("should succeed on facebook callback", async () => {
-    const authResponse = {
-      access_token: "access_token",
-      refresh_token: "refresh_token",
-      token_type: "token_type",
-      expires_in: null,
-    };
-    const profileResponse = {
-      id: 1,
-      first_name: "first_name",
-      last_name: "last_name",
-      email: "email",
-      role: null,
-    };
-
-    const getSocialProviderMock = jest.fn().mockReturnValue("facebook");
-    const registerCallbackMock = jest
-      .fn()
-      .mockReturnValue(Promise.resolve(authResponse));
-    const notificationDangerMock = jest.fn();
-    const notificationSuccessMock = jest.fn();
-    const profileMock = jest.fn(() =>
-      Promise.resolve({
-        error: false,
-        message: profileResponse,
-      })
-    );
-    const setAuthorizationTokenMock = jest.fn();
-    const setSecretsMock = jest.fn();
-
-    RouteService.redirectTo = jest.fn();
-
-    useNotificationMock({
-      danger: notificationDangerMock,
-      success: notificationSuccessMock,
-    });
-    useSocialApiMock({
-      getSocialProvider: getSocialProviderMock,
-      registerCallback: registerCallbackMock,
-    });
-    useUserApiMock({
-      profile: profileMock,
-      setAuthorizationToken: setAuthorizationTokenMock,
-    });
-    useAuthMock({
-      setSecrets: setSecretsMock,
-    });
-
-    mount(<SocialCallbackComponent />);
-
-    expect(getSocialProviderMock).toHaveBeenCalledTimes(1);
-    expect(registerCallbackMock).toHaveBeenCalledTimes(1);
-  });
-});

package/tests/Auth/Social/SocialFormComponent.test.tsx

@@ -1,118 +0,0 @@
-import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
-import { mount, shallow } from "enzyme";
-import * as React from "react";
-import { act } from "react-dom/test-utils";
-import { SocialFormComponent } from "../../../src/auth/Social/SocialFormComponent";
-import useNotificationMock from "../../__mock__/hooks/useNotificationMock";
-import useSocialApiMock from "../../__mock__/hooks/useSocialApiMock";
-import useTranslationMock from "../../__mock__/hooks/useTranslationMock";
-
-jest.mock("react-i18next", () => ({
-  Trans: jest.fn().mockReturnValue("test"),
-  useTranslation: jest.fn(),
-}));
-jest.mock("@licklist/plugins/dist/context/app/hooks/useNotification");
-jest.mock("@licklist/plugins/dist/hooks/Api/useSocialApi");
-
-beforeEach(() => {
-  useTranslationMock();
-  useNotificationMock({
-    danger: jest.fn(),
-    success: jest.fn(),
-  });
-});
-
-afterAll(() => {
-  jest.resetAllMocks();
-});
-
-describe("SocialFormComponent", () => {
-  it("should be rendered without issues", () => {
-    const component = shallow(
-      <SocialFormComponent isLoading={false} setIsLoading={() => false} />
-    );
-
-    expect(component.exists()).toBeTruthy();
-  });
-
-  it("should be disabled if it is loading", () => {
-    const component = mount(
-      <SocialFormComponent isLoading setIsLoading={() => false} />
-    );
-
-    expect(component.exists()).toBeTruthy();
-    expect(component.find("SocialButton").at(0).prop("disabled")).toBeTruthy();
-    expect(component.find("SocialButton").at(1).prop("disabled")).toBeTruthy();
-  });
-
-  it("should fail on facebook click action", async () => {
-    const redirectToProviderMock = jest
-      .fn()
-      .mockReturnValue(Promise.reject(new Error("test")));
-    const notificationDangerMock = jest.fn();
-    const notificationSuccessMock = jest.fn();
-
-    useNotificationMock({
-      danger: notificationDangerMock,
-      success: notificationSuccessMock,
-    });
-
-    useSocialApiMock({
-      redirectToProvider: redirectToProviderMock,
-    });
-
-    const component = mount(
-      <SocialFormComponent isLoading={false} setIsLoading={() => false} />
-    );
-
-    const facebook = component.find("SocialButton").at(0);
-
-    await act(async () => {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      facebook.prop("onClick")!();
-    });
-
-    expect(redirectToProviderMock).toHaveBeenCalledTimes(1);
-    expect(notificationDangerMock).toHaveBeenCalledTimes(2);
-    expect(notificationSuccessMock).toHaveBeenCalledTimes(0);
-  });
-
-  it("should fail on twitter click action", async () => {
-    const redirectTo = "/test";
-    const redirectToProviderMock = jest.fn().mockReturnValue(
-      Promise.resolve({
-        redirect: redirectTo,
-      })
-    );
-    const notificationDangerMock = jest.fn();
-
-    RouteService.cleanRedirect = jest.fn();
-
-    useNotificationMock({
-      danger: notificationDangerMock,
-      success: jest.fn(),
-    });
-
-    useSocialApiMock({
-      redirectToProvider: redirectToProviderMock,
-    });
-
-    const component = mount(
-      <SocialFormComponent isLoading={false} setIsLoading={() => false} />
-    );
-
-    const twitter = component.find("SocialButton").at(1);
-
-    await act(async () => {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      twitter.prop("onClick")!();
-    });
-
-    expect(redirectToProviderMock).toHaveBeenCalledTimes(1);
-    expect(notificationDangerMock).toHaveBeenCalledTimes(0);
-    expect(RouteService.cleanRedirect).toHaveBeenCalledTimes(1);
-    expect(RouteService.cleanRedirect).toHaveBeenCalledWith(redirectTo);
-  });
-});

package/tests/FileUpload/FileUpload.test.tsx

@@ -1,42 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import React from "react";
-import { FileUpload } from "../../src/file-upload/FileUpload";
-
-describe("FileUpload", () => {
-  const file = new File(["(⌐□_□)"], "foo.png", { type: "image/png" });
-
-  it("upload files", () => {
-    render(<FileUpload allowedExtensions={["png"]} onFilesChange={() => {}} />);
-    const uploader = screen.getByTitle("Upload Files") as HTMLInputElement;
-    userEvent.upload(uploader, file);
-
-    expect(uploader.files[0]).toStrictEqual(file);
-    expect(uploader.files.item(0)).toStrictEqual(file);
-    expect(uploader.files).toHaveLength(1);
-  });
-
-  it("should not upload file if its extension is not allowed", () => {
-    render(<FileUpload allowedExtensions={["jpg"]} onFilesChange={() => {}} />);
-    const uploader = screen.getByTitle("Upload Files") as HTMLInputElement;
-    userEvent.upload(uploader, file, undefined, { applyAccept: true });
-    expect(uploader.files[0]).not.toStrictEqual(file);
-    expect(uploader.files).toHaveLength(0);
-  });
-
-  it("should display preview if it's enabled", () => {
-    render(
-      <FileUpload
-        allowedExtensions={["png"]}
-        onFilesChange={() => {}}
-        enablePreview
-      />
-    );
-    global.URL.createObjectURL = jest.fn();
-    const uploader = screen.getByTitle("Upload Files") as HTMLInputElement;
-    userEvent.upload(uploader, file);
-    const imagePreview = screen.getByTestId("preview-image");
-
-    expect(imagePreview).toBeInTheDocument();
-  });
-});

package/tests/Notification/EmailTemplate.test.tsx

@@ -1,82 +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 { EmailTemplateCard } from "../../src/notification/email-template/card/EmailTemplateCard";
-import { EmailTemplateForm } from "../../src/notification/email-template/form/EmailTemplateForm";
-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("EmailTemplate", () => {
-  it("EmailTemplateCard should be rendered without issues", () => {
-    const screen = render(
-      <Router history={history as any}>
-        <EmailTemplateCard
-          hasPermission
-          name="Email Template"
-          subject="New Subject"
-          href=""
-          onRemove={() => {}}
-          isDefault
-        />
-      </Router>
-    );
-    expect(screen.getByRole("button")).toBeInTheDocument();
-    expect(screen.getByText("Email Template")).toBeInTheDocument();
-  });
-
-  it("EmailTemplateCard should not rendered button without valid permission", () => {
-    const screen = render(
-      <Router history={history as any}>
-        <EmailTemplateCard
-          hasPermission={false}
-          name="Email Template"
-          subject="New Subject"
-          href=""
-          onRemove={() => {}}
-          isDefault
-        />
-      </Router>
-    );
-    expect(screen.queryByRole("button")).not.toBeInTheDocument();
-  });
-
-  it("EmailTemplateForm should be rendered without issues", () => {
-    const screen = render(
-      <EmailTemplateForm
-        hasPermission
-        isLoading={false}
-        onSubmitSave={() => {}}
-        placeholders={[]}
-      />
-    );
-    expect(screen.getByRole("button")).toBeTruthy();
-  });
-
-  it("EmailTemplateForm should not rendered button without valid permission", () => {
-    const screen = render(
-      <EmailTemplateForm
-        hasPermission={false}
-        isLoading={false}
-        onSubmitSave={() => {}}
-        placeholders={[]}
-      />
-    );
-    expect(screen.queryByRole("button")).not.toBeInTheDocument();
-  });
-});

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();
-  });
-});