slice-machine-ui 1.23.2-beta.1 → 1.23.2-beta.11

package/test/components/CreateCustomTypeModal.test.tsx

@@ -1,73 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, test, afterEach, expect, vi } from "vitest";
-import { Analytics } from "@segment/analytics-node";
-
-import { render, fireEvent, act } from "../__testutils__";
-import { CreateCustomTypeModal } from "../../components/Forms/CreateCustomTypeModal";
-import { ModalKeysEnum } from "../../src/modules/modal/types";
-
-vi.mock("next/router", () => require("next-router-mock"));
-global.console = { ...global.console, error: vi.fn() };
-
-describe("CreateCustomTypeModal", () => {
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("when a slice is created the tracker should be called", async () => {
-    const fakeId = "testing_id";
-    const fakeName = "testing-name";
-    const fakeRepo = "foo";
-
-    render(<CreateCustomTypeModal format="custom" />, {
-      preloadedState: {
-        // @ts-expect-error TS(2739) FIXME: Type '{ repo: string; }' is missing the following ... Remove this comment to see the full error message
-        environment: {
-          repo: fakeRepo,
-        },
-        availableCustomTypes: {},
-        // @ts-expect-error TS(2740) FIXME: Type '{ CREATE_CUSTOM_TYPE: true; }' is missing th... Remove this comment to see the full error message
-        modal: { [ModalKeysEnum.CREATE_CUSTOM_TYPE]: true },
-      },
-    });
-
-    const idInput = document.querySelector('[name="id"]');
-    const labelInput = document.querySelector('[name="label"]');
-    const submitButton = document.querySelector('[type="submit"]');
-
-    await act(async () => {
-      if (labelInput) {
-        fireEvent.change(labelInput, { target: { value: fakeName } });
-      }
-    });
-
-    await act(async () => {
-      if (idInput) {
-        fireEvent.change(idInput, { target: { value: fakeId } });
-      }
-    });
-
-    await act(async () => {
-      if (submitButton) {
-        fireEvent.click(submitButton);
-      }
-    });
-
-    expect(Analytics.prototype.track).toHaveBeenCalledOnce();
-    expect(Analytics.prototype.track).toHaveBeenCalledWith(
-      expect.objectContaining({
-        event: "SliceMachine Custom Type Created",
-        properties: {
-          id: fakeId,
-          name: fakeName,
-          format: "custom",
-          type: "repeatable",
-          nodeVersion: process.versions.node,
-          origin: "table",
-        },
-      }),
-      expect.any(Function),
-    );
-  });
-});

package/test/components/LoginModal.test.tsx

@@ -1,67 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, test, expect, vi } from "vitest";
-import React from "react";
-import { render } from "@testing-library/react";
-import LoginModal from "@components/LoginModal";
-import { FrontEndEnvironment } from "@lib/models/common/Environment";
-import { useSelector } from "react-redux";
-
-const mockDispatch = vi.fn();
-vi.mock("react-beautiful-dnd", () => {
-  return {};
-});
-vi.mock("react-redux", () => ({
-  useSelector: vi.fn(),
-  useDispatch: () => mockDispatch,
-}));
-
-const useSelectorMock = vi.mocked(useSelector);
-
-const App = () => <LoginModal />;
-
-describe("LoginModal", () => {
-  window.open = vi.fn();
-
-  const div = document.createElement("div");
-  div.id = "__next";
-  document.body.appendChild(div);
-
-  test("when given a prismic url in env it should open to prismic.io/dashboard", () => {
-    useSelectorMock.mockImplementation(() => ({
-      env: {
-        manifest: {
-          apiEndpoint: "https://foo.prismic.io/api/v2",
-        },
-      } as FrontEndEnvironment,
-      isOpen: true,
-      isLoginLoading: true,
-    }));
-    const result = render(<App />);
-
-    expect(result.getByText("Click here").closest("a")).toHaveAttribute(
-      "href",
-      // Since we're not using the `start-slicemachine` server proxy, port defaults to Next/React Testing Library's default port
-      "https://prismic.io/dashboard/cli/login?source=slice-machine&port=3000&path=/api/auth",
-    );
-  });
-
-  test("when given wroom.io url it should open to wroom.io/dashboard", () => {
-    useSelectorMock.mockImplementation(() => ({
-      env: {
-        manifest: {
-          apiEndpoint: "https://foo.wroom.io/api/v2",
-        },
-      } as FrontEndEnvironment,
-      isOpen: true,
-      isLoginLoading: true,
-    }));
-    const result = render(<App />);
-
-    expect(result.getByText("Click here").closest("a")).toHaveAttribute(
-      "href",
-      // Since we're not using the `start-slicemachine` server proxy, port defaults to Next/React Testing Library's default port
-      "https://wroom.io/dashboard/cli/login?source=slice-machine&port=3000&path=/api/auth",
-    );
-  });
-});

package/test/src/hooks/useModelStatus.test.ts

@@ -1,115 +0,0 @@
-import { describe, test, beforeEach, expect, vi } from "vitest";
-import { useModelStatus } from "../../../src/hooks/useModelStatus";
-import * as networkHook from "../../../src/hooks/useNetwork";
-import { AuthStatus } from "@src/modules/userContext/types";
-
-import { Slices } from "@lib/models/common/Slice";
-import SliceMock from "../../__fixtures__/sliceModel";
-
-import { CustomTypes } from "@lib/models/common/CustomType";
-import { customTypeMock } from "../../__fixtures__/customType";
-import { ModelStatus } from "@lib/models/common/ModelStatus";
-
-const mockSelector = vi.fn();
-vi.mock("react-redux", async () => {
-  const actual: typeof import("react-redux") =
-    await vi.importActual("react-redux");
-
-  return {
-    ...actual,
-    useSelector: () => mockSelector(),
-  };
-});
-
-const BaseSliceMock = {
-  ...SliceMock,
-  variations: SliceMock.variations.map((variation) => {
-    // @ts-expect-error we know imageUrl is optional
-    delete variation["imageUrl"];
-    return variation;
-  }),
-};
-const sliceModel = Slices.toSM(BaseSliceMock);
-const customTypeModel = CustomTypes.toSM(customTypeMock);
-
-describe("[useModelStatus hook]", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("it should return the model status correctly", () => {
-    vi.spyOn(networkHook, "useNetwork").mockImplementation(() => true); // isOnline
-    mockSelector.mockReturnValue({ authStatus: AuthStatus.AUTHORIZED });
-
-    const result = useModelStatus({
-      slices: [{ local: sliceModel, remote: sliceModel, localScreenshots: {} }],
-      customTypes: [{ local: customTypeModel }],
-    });
-
-    expect(result).toEqual({
-      modelsStatuses: {
-        slices: { [sliceModel.id]: ModelStatus.Synced },
-        customTypes: { [customTypeModel.id]: ModelStatus.New },
-      },
-      authStatus: AuthStatus.AUTHORIZED,
-      isOnline: true,
-    });
-  });
-
-  test("it should return Unknown status is the user doesn't have internet", () => {
-    vi.spyOn(networkHook, "useNetwork").mockImplementation(() => false); // isOnline
-    mockSelector.mockReturnValue({ authStatus: AuthStatus.AUTHORIZED });
-
-    const result = useModelStatus({
-      slices: [{ local: sliceModel, remote: sliceModel, localScreenshots: {} }],
-      customTypes: [{ local: customTypeModel }],
-    });
-
-    expect(result).toEqual({
-      modelsStatuses: {
-        slices: { [sliceModel.id]: ModelStatus.Unknown },
-        customTypes: { [customTypeModel.id]: ModelStatus.Unknown },
-      },
-      authStatus: AuthStatus.AUTHORIZED,
-      isOnline: false,
-    });
-  });
-
-  test("it should return Unknown status is the user is not connected to Prismic", () => {
-    vi.spyOn(networkHook, "useNetwork").mockImplementation(() => true); // isOnline
-    mockSelector.mockReturnValue({ authStatus: AuthStatus.UNAUTHORIZED });
-
-    const result = useModelStatus({
-      slices: [{ local: sliceModel, remote: sliceModel, localScreenshots: {} }],
-      customTypes: [{ local: customTypeModel }],
-    });
-
-    expect(result).toEqual({
-      modelsStatuses: {
-        slices: { [sliceModel.id]: ModelStatus.Unknown },
-        customTypes: { [customTypeModel.id]: ModelStatus.Unknown },
-      },
-      authStatus: AuthStatus.UNAUTHORIZED,
-      isOnline: true,
-    });
-  });
-
-  test("it should return Unknown status is the user doesn't have access to the repository", () => {
-    vi.spyOn(networkHook, "useNetwork").mockImplementation(() => true); // isOnline
-    mockSelector.mockReturnValue({ authStatus: AuthStatus.FORBIDDEN });
-
-    const result = useModelStatus({
-      slices: [{ local: sliceModel, remote: sliceModel, localScreenshots: {} }],
-      customTypes: [{ local: customTypeModel }],
-    });
-
-    expect(result).toEqual({
-      modelsStatuses: {
-        slices: { [sliceModel.id]: ModelStatus.Unknown },
-        customTypes: { [customTypeModel.id]: ModelStatus.Unknown },
-      },
-      authStatus: AuthStatus.FORBIDDEN,
-      isOnline: true,
-    });
-  });
-});