slice-machine-ui 1.22.3-beta.1 → 1.22.3-beta.3

package/test/src/modules/selectedSlice/__fixtures__/mocks.json

@@ -1,171 +0,0 @@
-[
-  {
-    "__TYPE__": "SharedSliceContent",
-    "variation": "default-slice",
-    "primary": {
-      "linkLabel": {
-        "__TYPE__": "FieldContent",
-        "value": "speed",
-        "type": "Text"
-      },
-      "title": {
-        "__TYPE__": "StructuredTextContent",
-        "value": [
-          {
-            "type": "heading1",
-            "content": {
-              "text": "Higher"
-            }
-          }
-        ]
-      },
-      "link": {
-        "__TYPE__": "LinkContent",
-        "value": {
-          "id": "mock_document_id",
-          "__TYPE__": "DocumentLink"
-        }
-      },
-      "imageLeft": {
-        "__TYPE__": "ImageContent",
-        "url": "https://images.unsplash.com/photo-1551739440-5dd934d3a94a?fit=crop&w=592&h=592",
-        "origin": {
-          "id": "main",
-          "url": "https://images.unsplash.com/photo-1551739440-5dd934d3a94a",
-          "width": 592,
-          "height": 592
-        },
-        "width": 592,
-        "height": 592,
-        "edit": {
-          "zoom": 1,
-          "crop": {
-            "x": 0,
-            "y": 0
-          },
-          "background": "transparent"
-        },
-        "thumbnails": {
-          "mobile": {
-            "url": "https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?fit=crop&w=560&h=280",
-            "origin": {
-              "id": "mobile",
-              "url": "https://images.unsplash.com/photo-1515378791036-0648a3ef77b2",
-              "width": 560,
-              "height": 280
-            },
-            "width": 560,
-            "height": 280,
-            "edit": {
-              "zoom": 1,
-              "crop": {
-                "x": 0,
-                "y": 0
-              },
-              "background": "transparent"
-            }
-          }
-        }
-      },
-      "imageLeftTitle": {
-        "__TYPE__": "FieldContent",
-        "value": "rate",
-        "type": "Text"
-      },
-      "imageLeftCta": {
-        "__TYPE__": "FieldContent",
-        "value": "funny",
-        "type": "Text"
-      },
-      "leftImageLink": {
-        "__TYPE__": "LinkContent",
-        "value": {
-          "id": "mock_document_id",
-          "__TYPE__": "DocumentLink"
-        }
-      },
-      "imageTopRight": {
-        "__TYPE__": "ImageContent",
-        "url": "https://images.unsplash.com/photo-1600861194802-a2b11076bc51?fit=crop&w=592&h=280",
-        "origin": {
-          "id": "main",
-          "url": "https://images.unsplash.com/photo-1600861194802-a2b11076bc51",
-          "width": 592,
-          "height": 280
-        },
-        "width": 592,
-        "height": 280,
-        "edit": {
-          "zoom": 1,
-          "crop": {
-            "x": 0,
-            "y": 0
-          },
-          "background": "transparent"
-        },
-        "thumbnails": {}
-      },
-      "imageTopRightTitle": {
-        "__TYPE__": "FieldContent",
-        "value": "soil",
-        "type": "Text"
-      },
-      "imageTopRightCta": {
-        "__TYPE__": "FieldContent",
-        "value": "printed",
-        "type": "Text"
-      },
-      "topRightImageLink": {
-        "__TYPE__": "LinkContent",
-        "value": {
-          "id": "mock_document_id",
-          "__TYPE__": "DocumentLink"
-        }
-      },
-      "imageBottomRight": {
-        "__TYPE__": "ImageContent",
-        "url": "https://images.unsplash.com/photo-1607582278043-57198ac8da43?fit=crop&w=592&h=280",
-        "origin": {
-          "id": "main",
-          "url": "https://images.unsplash.com/photo-1607582278043-57198ac8da43",
-          "width": 592,
-          "height": 280
-        },
-        "width": 592,
-        "height": 280,
-        "edit": {
-          "zoom": 1,
-          "crop": {
-            "x": 0,
-            "y": 0
-          },
-          "background": "transparent"
-        },
-        "thumbnails": {}
-      },
-      "imageBottomRightTitle": {
-        "__TYPE__": "FieldContent",
-        "value": "smile",
-        "type": "Text"
-      },
-      "imageBottomRightCta": {
-        "__TYPE__": "FieldContent",
-        "value": "exchange",
-        "type": "Text"
-      },
-      "bottomRightImageLink": {
-        "__TYPE__": "LinkContent",
-        "value": {
-          "id": "mock_document_id",
-          "__TYPE__": "DocumentLink"
-        }
-      }
-    },
-    "items": [
-      {
-        "__TYPE__": "GroupItemContent",
-        "value": []
-      }
-    ]
-  }
-]

package/test/src/modules/selectedSlice/__fixtures__/model.json

@@ -1,35 +0,0 @@
-{
-  "id": "dummy_slice",
-  "type": "SharedSlice",
-  "name": "DummySlice",
-  "description": "DummySlice",
-  "variations": [
-    {
-      "id": "default-slice",
-      "name": "Default slice",
-      "docURL": "...",
-      "version": "sktwi1xtmkfgx8626",
-      "description": "DummySlice",
-      "primary": {
-        "section_title": {
-          "config": {
-            "label": "Section Title",
-            "placeholder": ""
-          },
-          "type": "Text"
-        }
-      },
-      "items": {
-        "link": {
-          "config": {
-            "label": "Link",
-            "placeholder": "",
-            "select": "document",
-            "allowTargetBlank": false
-          },
-          "type": "Link"
-        }
-      }
-    }
-  ]
-}

package/test/src/modules/selectedSlice/__testutils__/getRefreshStateCreatorPayloadData.ts

@@ -1,72 +0,0 @@
-import { dummyServerState } from "../../__fixtures__/serverState";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-
-export const getRefreshStateCreatorPayloadData = (
-  libraryName: string,
-  modelId: string,
-) => {
-  const MOCK_UPDATED_LIBRARY: LibraryUI[] = [
-    {
-      path: "../../e2e-projects/next/slices/ecommerce",
-      isLocal: true,
-      name: libraryName,
-      components: [
-        {
-          from: "slices/ecommerce",
-          href: "slices--ecommerce",
-          pathToSlice: "./slices/ecommerce",
-          fileName: "index",
-          extension: "js",
-          screenshots: {
-            "default-slice": {
-              hash: "f92c69c60df8fd8eb42902bfb6574776",
-              url: "http://localhost:9999/api/__preview?q=default-slice",
-            },
-          },
-          mocks: [],
-          model: {
-            id: modelId,
-            type: "SharedSlice",
-            name: "CategoryPreviewWithImageBackgrounds",
-            description: "CategoryPreviewWithImageBackgrounds",
-            variations: [
-              {
-                id: "default-slice",
-                name: "Default slice",
-                docURL: "...",
-                version: "sktwi1xtmkfgx8626",
-                description: "MockSlice",
-                primary: [
-                  {
-                    key: "Title",
-                    value: {
-                      config: {
-                        label: "Title",
-                        placeholder: "My first Title...",
-                      },
-                      type: "Text",
-                    },
-                  },
-                ],
-                items: [],
-              },
-            ],
-          },
-        },
-      ],
-      meta: {
-        isNodeModule: false,
-        isDownloaded: false,
-        isManual: true,
-      },
-    },
-  ];
-
-  return {
-    env: dummyServerState.env,
-    libraries: MOCK_UPDATED_LIBRARY,
-    localCustomTypes: [],
-    remoteCustomTypes: [],
-    remoteSlices: [],
-  };
-};

package/test/src/modules/selectedSlice/__testutils__/getSelectedSliceDummyData.ts

@@ -1,30 +0,0 @@
-import jsonModel from "../__fixtures__/model.json";
-import jsonMocks from "../__fixtures__/mocks.json";
-
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { Slices } from "@lib/models/common/Slice";
-import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
-import { ComponentInfo } from "@lib/models/common/Library";
-
-export const getSelectedSliceDummyData = () => {
-  const dummyModel = Slices.toSM(jsonModel as unknown as SharedSlice);
-
-  const dummyModelVariationID = "default-slice";
-
-  const dummySliceState: ComponentUI = {
-    from: "slices/libName",
-    href: "slices--libName",
-    pathToSlice: "./slices/libName",
-    fileName: "index",
-    extension: "js",
-    model: dummyModel,
-    screenshots: {},
-    mocks: jsonMocks as ComponentInfo["mocks"],
-  };
-
-  return {
-    dummyModel,
-    dummyModelVariationID,
-    dummySliceState,
-  };
-};

package/test/src/modules/selectedSlice/reducer.test.ts

@@ -1,170 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { selectedSliceReducer } from "@src/modules/selectedSlice/reducer";
-import {
-  addSliceWidgetCreator,
-  copyVariationSliceCreator,
-  initSliceStoreCreator,
-  removeSliceWidgetCreator,
-  replaceSliceWidgetCreator,
-} from "@src/modules/selectedSlice/actions";
-import { NestableWidget } from "@prismicio/types-internal/lib/customtypes";
-import { getSelectedSliceDummyData } from "./__testutils__/getSelectedSliceDummyData";
-import { getRefreshStateCreatorPayloadData } from "./__testutils__/getRefreshStateCreatorPayloadData";
-import { refreshStateCreator } from "@src/modules/environment";
-import { WidgetsArea } from "@lib/models/common/Slice";
-
-const { dummyModelVariationID, dummySliceState } = getSelectedSliceDummyData();
-
-describe("[Selected Slice module]", () => {
-  describe("[Reducer]", () => {
-    it("should return the initial state if no matching action", () => {
-      expect(
-        // @ts-expect-error the NO.MATCH is not a valid action type
-        selectedSliceReducer(dummySliceState, { type: "NO.MATCH" }),
-      ).toEqual(dummySliceState);
-      expect(
-        // @ts-expect-error the NO.MATCH is not a valid action type
-        selectedSliceReducer(null, { type: "NO.MATCH" }),
-      ).toEqual(null);
-    });
-
-    it("should update the selected slice state given SELECTED_SLICE/INIT action", () => {
-      expect(
-        selectedSliceReducer(null, initSliceStoreCreator(dummySliceState)),
-      ).toEqual(dummySliceState);
-    });
-    it("should update the selected slice state given SLICE/ADD_WIDGET action", () => {
-      const primaryWidgetsInit =
-        dummySliceState.model.variations[0].primary || [];
-
-      const newWidget: { key: string; value: NestableWidget } = {
-        key: "new-widget-text",
-        value: {
-          type: "Text",
-          config: {
-            label: "newWidgetText",
-            placeholder: "",
-          },
-        },
-      };
-
-      const newState = selectedSliceReducer(
-        dummySliceState,
-        addSliceWidgetCreator({
-          variationId: dummyModelVariationID,
-          widgetsArea: WidgetsArea.Primary,
-          key: newWidget.key,
-          value: newWidget.value,
-        }),
-      );
-      const primaryWidgets = newState?.model.variations[0].primary;
-      expect(primaryWidgets?.length).toEqual(primaryWidgetsInit.length + 1);
-      expect(primaryWidgets?.at(-1)?.key).toBe(newWidget.key);
-      expect(primaryWidgets?.at(-1)?.value).toBe(newWidget.value);
-    });
-    it("should update the selected slice state given SLICE/REPLACE_WIDGET action if the tab is found", () => {
-      const primaryWidgetsInit =
-        dummySliceState.model.variations[0].primary || [];
-
-      const widgetToReplace = primaryWidgetsInit[0];
-
-      const updatedWidget: { key: string; value: NestableWidget } = {
-        key: "new_key",
-        value: {
-          type: "Text",
-          config: {
-            label: "newWidgetText",
-            placeholder: "",
-          },
-        },
-      };
-
-      const newState = selectedSliceReducer(
-        dummySliceState,
-        replaceSliceWidgetCreator({
-          variationId: dummyModelVariationID,
-          widgetsArea: WidgetsArea.Primary,
-          previousKey: widgetToReplace.key,
-          newKey: updatedWidget.key,
-          value: updatedWidget.value,
-        }),
-      );
-
-      const primaryWidgets = newState?.model.variations[0].primary;
-      expect(primaryWidgets?.length).toEqual(primaryWidgetsInit.length);
-      const replacedWidget = primaryWidgets?.find(
-        (w) => w.key === updatedWidget.key,
-      );
-      expect(replacedWidget).toBeTruthy();
-      expect(replacedWidget?.value).toBe(updatedWidget.value);
-    });
-    it("should update the selected slice state given SLICE/REMOVE_WIDGET action", () => {
-      const primaryWidgetsInit =
-        dummySliceState.model.variations[0].primary || [];
-
-      const widgetToDelete = primaryWidgetsInit[0];
-
-      const newState = selectedSliceReducer(
-        dummySliceState,
-        removeSliceWidgetCreator({
-          variationId: dummyModelVariationID,
-          widgetsArea: WidgetsArea.Primary,
-          key: widgetToDelete.key,
-        }),
-      );
-
-      const primaryWidgets = newState?.model.variations[0].primary;
-      expect(primaryWidgets?.length).toEqual(0);
-    });
-    it("should update the selected slice state given SLICE/COPY_VARIATION action", () => {
-      const preVariations = dummySliceState?.model.variations;
-
-      const newState = selectedSliceReducer(
-        dummySliceState,
-        copyVariationSliceCreator({
-          key: "new-variation",
-          name: "New Variation",
-          copied: dummySliceState.model.variations[0],
-        }),
-      );
-
-      const variations = newState?.model.variations;
-
-      expect(variations?.length).toEqual(preVariations.length + 1);
-      expect(variations?.at(-1)?.id).toEqual("new-variation");
-      expect(variations?.at(-1)?.name).toEqual("New Variation");
-    });
-
-    it("should update the selected slice screenshots given STATE/REFRESH.RESPONSE action if the component is found", () => {
-      const action = refreshStateCreator(
-        getRefreshStateCreatorPayloadData(
-          dummySliceState.from,
-          dummySliceState.model.id,
-        ),
-      );
-
-      const newState = selectedSliceReducer(dummySliceState, action);
-
-      expect(newState?.screenshots).toEqual({
-        "default-slice": {
-          hash: "f92c69c60df8fd8eb42902bfb6574776",
-          url: "http://localhost:9999/api/__preview?q=default-slice",
-        },
-      });
-    });
-
-    it("should do nothing given STATE/REFRESH.RESPONSE action if the component is not found", () => {
-      const action = refreshStateCreator(
-        getRefreshStateCreatorPayloadData(
-          "unknown-livrary",
-          dummySliceState.model.id,
-        ),
-      );
-
-      const newState = selectedSliceReducer(dummySliceState, action);
-
-      expect(newState?.screenshots).toEqual({});
-      expect(newState).toEqual(dummySliceState);
-    });
-  });
-});

package/test/src/modules/selectedSlice/sagas.test.ts

@@ -1,82 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { testSaga } from "redux-saga-test-plan";
-import { updateSliceSaga } from "@src/modules/selectedSlice/sagas";
-import { updateSliceCreator } from "@src/modules/selectedSlice/actions";
-import { readSliceMocks, updateSlice } from "@src/apiClient";
-import { openToasterCreator, ToasterType } from "@src/modules/toaster";
-import { getSelectedSliceDummyData } from "./__testutils__/getSelectedSliceDummyData";
-
-const { dummySliceState } = getSelectedSliceDummyData();
-
-describe("[Selected Slice sagas]", () => {
-  describe("[updateSliceSaga]", () => {
-    it("should call the api and dispatch the success action", () => {
-      const mockSetSliceBuilderState = vi.fn<
-        {
-          error: boolean;
-          done: boolean;
-          loading: boolean;
-          message: {
-            props: {
-              message: string;
-              path: string;
-            };
-          };
-        }[]
-      >();
-      const saga = testSaga(
-        updateSliceSaga,
-        updateSliceCreator.request({
-          component: dummySliceState,
-          // @ts-expect-error - Issue with `message` type
-          setSliceBuilderState: mockSetSliceBuilderState,
-        }),
-      );
-
-      saga.next().call(updateSlice, dummySliceState);
-
-      saga.next({ errors: [] }).call(readSliceMocks, {
-        libraryID: dummySliceState.from,
-        sliceID: dummySliceState.model.id,
-      });
-
-      saga.next({ errors: [], mocks: [] }).put(
-        updateSliceCreator.success({
-          component: { ...dummySliceState, mocks: [] },
-        }),
-      );
-
-      saga.next().isDone();
-
-      const mockSetSliceBuilderStateCalls =
-        mockSetSliceBuilderState.mock.lastCall?.[0];
-      expect(mockSetSliceBuilderStateCalls?.error).toBe(false);
-      expect(mockSetSliceBuilderStateCalls?.done).toBe(true);
-      expect(mockSetSliceBuilderStateCalls?.loading).toBe(false);
-      expect(mockSetSliceBuilderStateCalls?.message.props.message).toBe(
-        "Slice saved successfully at ",
-      );
-      expect(mockSetSliceBuilderStateCalls?.message.props.path).toBe(
-        "slices/libName/DummySlice/model.json",
-      );
-    });
-    it("should open a error toaster on internal error", () => {
-      const mockSetSliceBuilderState = vi.fn();
-      const saga = testSaga(
-        updateSliceSaga,
-        updateSliceCreator.request({
-          component: dummySliceState,
-          setSliceBuilderState: mockSetSliceBuilderState,
-        }),
-      ).next();
-
-      saga.throw(new Error()).put(
-        openToasterCreator({
-          content: "Internal Error: Models & mocks not generated",
-          type: ToasterType.ERROR,
-        }),
-      );
-      saga.next().isDone();
-    });
-  });
-});

package/test/src/modules/toaster/utils.test.ts

@@ -1,50 +0,0 @@
-import { describe, afterEach, expect, it, vi } from "vitest";
-
-import { handleRemoteResponse, ToastPayload } from "@src/modules/toaster/utils";
-import { ToasterType } from "@src/modules/toaster";
-
-describe("[Toaster utils]", () => {
-  describe("[handleRemoteResponse]", () => {
-    afterEach(() => {
-      vi.clearAllMocks();
-    });
-
-    it("should call addToast function on an success", () => {
-      const addToastFakeFunction = vi.fn();
-      const toastPayload: ToastPayload = {
-        done: true,
-        message: "message",
-        error: false,
-      };
-      handleRemoteResponse(addToastFakeFunction)(toastPayload);
-
-      expect(addToastFakeFunction).toHaveBeenCalledWith(
-        "message",
-        ToasterType.SUCCESS,
-      );
-    });
-
-    it("shouldn't call addToast function on an unfinished request", () => {
-      const addToastFakeFunction = vi.fn();
-      const toastPayload: ToastPayload = { done: false };
-      handleRemoteResponse(addToastFakeFunction)(toastPayload);
-
-      expect(addToastFakeFunction).toHaveBeenCalledTimes(0);
-    });
-
-    it("shouldn't call addToast function on a request with errors", () => {
-      const addToastFakeFunction = vi.fn();
-      const toastPayload: ToastPayload = {
-        done: true,
-        message: "message",
-        error: true,
-      };
-      handleRemoteResponse(addToastFakeFunction)(toastPayload);
-
-      expect(addToastFakeFunction).toHaveBeenCalledWith(
-        "message",
-        ToasterType.ERROR,
-      );
-    });
-  });
-});