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

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

@@ -1,119 +0,0 @@
-{
-  "id": "homepage",
-  "label": "Homepage",
-  "status": true,
-  "repeatable": false,
-  "json": {
-    "Main": {
-      "rt222": {
-        "type": "StructuredText",
-        "config": {
-          "label": "rt",
-          "placeholder": "",
-          "allowTargetBlank": true,
-          "multi": "paragraph,preformatted,heading1,heading2,heading3,heading4,heading5,heading6,strong,em,hyperlink,image,embed,list-item,o-list-item,rtl"
-        }
-      },
-      "group11": {
-        "type": "Group",
-        "config": {
-          "type": "Group",
-          "fields": {
-            "aaa2": {
-              "type": "Image",
-              "config": {
-                "label": "",
-                "constraint": {},
-                "thumbnails": []
-              }
-            },
-            "aaa3": {
-              "type": "StructuredText",
-              "config": {
-                "label": "",
-                "placeholder": "",
-                "allowTargetBlank": true,
-                "single": "paragraph,preformatted,heading1,heading2,heading3,heading4,heading5,heading6,strong,em,hyperlink,image,embed,list-item,o-list-item,rtl"
-              }
-            },
-            "sss4": {
-              "type": "Image",
-              "config": {
-                "label": "",
-                "constraint": {},
-                "thumbnails": []
-              }
-            },
-            "text": {
-              "type": "Text",
-              "config": {
-                "label": "",
-                "placeholder": ""
-              }
-            }
-          }
-        }
-      },
-      "group9": {
-        "type": "Group",
-        "config": {
-          "fields": {
-            "txt": {
-              "type": "Text",
-              "config": {
-                "label": "",
-                "placeholder": ""
-              }
-            },
-            "text": {
-              "type": "Text",
-              "config": {
-                "label": "",
-                "placeholder": ""
-              }
-            },
-            "img": {
-              "type": "Image",
-              "config": {
-                "label": "",
-                "constraint": {},
-                "thumbnails": []
-              }
-            }
-          }
-        }
-      },
-      "sdf": {
-        "type": "Image",
-        "config": {
-          "label": "",
-          "constraint": {},
-          "thumbnails": []
-        }
-      },
-      "body": {
-        "type": "Slices",
-        "fieldset": "Slice Zone",
-        "config": {
-          "choices": {
-            "with_mocks": {
-              "type": "SharedSlice"
-            },
-            "cards_carousel": {
-              "type": "SharedSlice"
-            },
-            "images_slider": {
-              "type": "SharedSlice"
-            },
-            "feature_testimonials": {
-              "type": "SharedSlice"
-            },
-            "alternate_grid": {
-              "type": "SharedSlice"
-            }
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -1,322 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { CustomTypes } from "@lib/models/common/CustomType";
-import jsonModel from "./__fixtures__/model.json";
-import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-import {
-  addFieldCreator,
-  createSliceZoneCreator,
-  createTabCreator,
-  selectedCustomTypeReducer,
-  deleteFieldCreator,
-  initCustomTypeStoreCreator,
-  reorderFieldCreator,
-  replaceFieldCreator,
-  updateTabCreator,
-  cleanupCustomTypeStoreCreator,
-} from "@src/modules/selectedCustomType";
-import { SelectedCustomTypeStoreType } from "@src/modules/selectedCustomType/types";
-import * as widgets from "@models/common/widgets/withGroup";
-import equal from "fast-deep-equal";
-
-const customTypeAsArray = CustomTypes.toSM(jsonModel as unknown as CustomType);
-
-const dummyCustomTypesState: SelectedCustomTypeStoreType = {
-  model: customTypeAsArray,
-  initialModel: customTypeAsArray,
-  // @ts-expect-error TS(2322) FIXME: Type 'null' is not assignable to type '({ id: stri... Remove this comment to see the full error message
-  remoteModel: null,
-};
-
-describe("[Selected Custom type module]", () => {
-  describe("[Reducer]", () => {
-    it("should return the initial state if no action", () => {
-      // @ts-expect-error TS(2345) FIXME: Argument of type '{}' is not assignable to paramet... Remove this comment to see the full error message
-      expect(selectedCustomTypeReducer(dummyCustomTypesState, {})).toEqual(
-        dummyCustomTypesState,
-      );
-    });
-
-    it("should return the initial state if no matching action", () => {
-      expect(
-        // @ts-expect-error TS(2322) FIXME: Type '"NO.MATCH"' is not assignable to type '"CUST... Remove this comment to see the full error message
-        selectedCustomTypeReducer(dummyCustomTypesState, { type: "NO.MATCH" }),
-      ).toEqual(dummyCustomTypesState);
-    });
-
-    it("should reset the custom type state given CUSTOM_TYPE/CLEANUP action", () => {
-      expect(
-        selectedCustomTypeReducer(
-          dummyCustomTypesState,
-          cleanupCustomTypeStoreCreator(),
-        ),
-      ).toEqual(null);
-    });
-
-    it("should update the custom type state given CUSTOM_TYPE/INIT action", () => {
-      expect(
-        selectedCustomTypeReducer(
-          dummyCustomTypesState,
-          initCustomTypeStoreCreator({
-            model: customTypeAsArray,
-            remoteModel: undefined,
-          }),
-        ),
-      ).toEqual({
-        model: customTypeAsArray,
-        initialModel: customTypeAsArray,
-        remoteModel: undefined,
-      });
-    });
-    it("should update the custom type state given CUSTOM_TYPE/CREATE_TAB action", () => {
-      const newTabId = "Tab1";
-      const previousTabLength = dummyCustomTypesState?.model.tabs.length ?? 0;
-      const newState = selectedCustomTypeReducer(
-        dummyCustomTypesState,
-        createTabCreator({
-          tabId: newTabId,
-        }),
-      );
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const tabs = newState.model.tabs;
-      expect(tabs.length).toEqual(previousTabLength + 1);
-      expect(tabs[tabs.length - 1].key).toBe(newTabId);
-
-      /** Don't create a second tab with same key */
-      const newState2 = selectedCustomTypeReducer(
-        dummyCustomTypesState,
-        createTabCreator({
-          tabId: newTabId,
-        }),
-      );
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const tabs2 = newState2.model.tabs;
-      expect(tabs2.length).toBe(tabs.length);
-    });
-    it("should update the custom type state given CUSTOM_TYPE/UPDATE_TAB action if the tab is found", () => {
-      const newTabId = "Tab1";
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const initialTab = dummyCustomTypesState.model.tabs[0];
-      const newState = selectedCustomTypeReducer(
-        dummyCustomTypesState,
-        updateTabCreator({
-          newTabId,
-          tabId: initialTab.key,
-        }),
-      );
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const tabs = newState.model.tabs[0];
-      expect(tabs.key).toBe(newTabId);
-    });
-    it("should not update the custom type state given CUSTOM_TYPE/UPDATE_TAB action if the tab is not found", () => {
-      const newTabId = "Tab1";
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const initialTab = dummyCustomTypesState.model.tabs[0];
-      const unknownTabId = `some___${initialTab.key}`;
-      const newState = selectedCustomTypeReducer(
-        dummyCustomTypesState,
-        updateTabCreator({
-          newTabId,
-          tabId: unknownTabId,
-        }),
-      );
-
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const tabs = newState.model.tabs[0];
-      expect(tabs.key).toBe(initialTab.key);
-
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(!!newState.model.tabs.find((e) => e.key === unknownTabId)).toBe(
-        false,
-      );
-    });
-    it("should add a field into a custom type given CUSTOM_TYPE/ADD_FIELD action", () => {
-      const fieldId = "fieldId";
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const initialTab = dummyCustomTypesState.model.tabs[0];
-      const newState = selectedCustomTypeReducer(
-        dummyCustomTypesState,
-        addFieldCreator({
-          tabId: initialTab.key,
-          fieldId,
-          field: widgets.Boolean.create(fieldId),
-        }),
-      );
-
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const tabValue = newState.model.tabs[0].value;
-      expect(tabValue.length).toEqual(initialTab.value.length + 1);
-      expect(tabValue[tabValue.length - 1].key).toEqual(fieldId);
-    });
-    it("should remove a field into a custom type given CUSTOM_TYPE/DELETE_FIELD action", () => {
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const initialTab = dummyCustomTypesState.model.tabs[0];
-      const newState = selectedCustomTypeReducer(
-        dummyCustomTypesState,
-        deleteFieldCreator({
-          tabId: initialTab.key,
-          fieldId: initialTab.value[0].key,
-        }),
-      );
-
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState.model.tabs[0].value.length).toEqual(
-        initialTab.value.length - 1,
-      );
-    });
-    it("should reorder fields into a custom type given CUSTOM_TYPE/REORDER_FIELD action", () => {
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      const initialTab = dummyCustomTypesState.model.tabs[0];
-      const fieldIdA = initialTab.value[0].key;
-      const fieldIdB = initialTab.value[1].key;
-      const fieldIdC = initialTab.value[2].key;
-      const newState = selectedCustomTypeReducer(
-        dummyCustomTypesState,
-        reorderFieldCreator({
-          tabId: initialTab.key,
-          start: 0,
-          end: 1,
-        }),
-      );
-
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState.model.tabs[0].value[0].key).toEqual(fieldIdB);
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState.model.tabs[0].value[1].key).toEqual(fieldIdA);
-
-      const newState2 = selectedCustomTypeReducer(
-        newState,
-        reorderFieldCreator({
-          tabId: initialTab.key,
-          start: 0,
-          end: 1,
-        }),
-      );
-
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState2.model.tabs[0].value[0].key).toEqual(fieldIdA);
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState2.model.tabs[0].value[1].key).toEqual(fieldIdB);
-
-      const newState3 = selectedCustomTypeReducer(
-        newState2,
-        reorderFieldCreator({
-          tabId: initialTab.key,
-          start: 0,
-          end: 2,
-        }),
-      );
-
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState3.model.tabs[0].value[0].key).toEqual(fieldIdB);
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState3.model.tabs[0].value[1].key).toEqual(fieldIdC);
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState3.model.tabs[0].value[2].key).toEqual(fieldIdA);
-
-      const newState4 = selectedCustomTypeReducer(
-        newState3,
-        reorderFieldCreator({
-          tabId: initialTab.key,
-          start: 2,
-          end: 0,
-        }),
-      );
-
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState4.model.tabs[0].value[0].key).toEqual(fieldIdA);
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState4.model.tabs[0].value[1].key).toEqual(fieldIdB);
-      // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-      expect(newState4.model.tabs[0].value[2].key).toEqual(fieldIdC);
-    });
-  });
-  it("should create a empty slicezone into a custom type given CUSTOM_TYPE/CREATE_SLICE_ZONE action", () => {
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    const initialTab = dummyCustomTypesState.model.tabs[0];
-    const newState = selectedCustomTypeReducer(
-      dummyCustomTypesState,
-      createSliceZoneCreator({
-        tabId: initialTab.key,
-      }),
-    );
-
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    const newTabState = newState.model.tabs[0];
-    expect(newTabState.sliceZone).not.toEqual(null);
-    // @ts-expect-error TS(2532) FIXME: Object is possibly 'undefined'.
-    expect(newTabState.sliceZone.value.length).toEqual(0);
-    // @ts-expect-error TS(2532) FIXME: Object is possibly 'undefined'.
-    expect(newTabState.sliceZone.key).toEqual("slices");
-  });
-  it("should update the field id into a custom type given CUSTOM_TYPE/REPLACE_FIELD action", () => {
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    const initialTab = dummyCustomTypesState.model.tabs[0];
-    const field = initialTab.value[0];
-
-    const newState = selectedCustomTypeReducer(
-      dummyCustomTypesState,
-      replaceFieldCreator({
-        tabId: initialTab.key,
-        previousFieldId: field.key,
-        newFieldId: "newKey",
-        value: field.value,
-      }),
-    );
-
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    expect(equal(newState.model.tabs[0].value, initialTab.value)).toEqual(
-      false,
-    );
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    expect(equal(newState.model.tabs[0].value[0].value, field.value)).toEqual(
-      true,
-    );
-  });
-  it("should not update the field into a custom type given CUSTOM_TYPE/REPLACE_FIELD action if the field is the same", () => {
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    const initialTab = dummyCustomTypesState.model.tabs[0];
-    const field = initialTab.value[0];
-
-    const newState = selectedCustomTypeReducer(
-      dummyCustomTypesState,
-      replaceFieldCreator({
-        tabId: initialTab.key,
-        previousFieldId: field.key,
-        newFieldId: field.key,
-        value: field.value,
-      }),
-    );
-
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    expect(equal(newState.model.tabs[0].value, initialTab.value)).toEqual(true);
-  });
-  it("should update the field content into a custom type given CUSTOM_TYPE/REPLACE_FIELD action", () => {
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    const initialTab = dummyCustomTypesState.model.tabs[0];
-    const field = initialTab.value[0];
-    // @ts-expect-error TS(2532) FIXME: Object is possibly 'undefined'.
-    const newPlaceholder = `differ-from-${field.value.config.placeholder}`;
-
-    const newState = selectedCustomTypeReducer(
-      dummyCustomTypesState,
-      replaceFieldCreator({
-        tabId: initialTab.key,
-        previousFieldId: field.key,
-        newFieldId: field.key,
-        value: {
-          ...field.value,
-          config: {
-            ...field.value.config,
-            // @ts-expect-error TS(2322) FIXME: Type '{ placeholder: string; } | { placeholder: st... Remove this comment to see the full error message
-            placeholder: newPlaceholder,
-          },
-        },
-      }),
-    );
-
-    // @ts-expect-error TS(2531) FIXME: Object is possibly 'null'.
-    expect(newState.model.tabs[0].value[0].value.config.placeholder).toEqual(
-      newPlaceholder,
-    );
-  });
-});

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

@@ -1,89 +0,0 @@
-import { describe, it } from "vitest";
-import { testSaga } from "redux-saga-test-plan";
-import { Analytics } from "@segment/analytics-node";
-
-import { saveCustomType } from "@src/apiClient";
-import { saveCustomTypeSaga } from "@src/modules/selectedCustomType/sagas";
-import { openToasterCreator, ToasterType } from "@src/modules/toaster";
-import {
-  saveCustomTypeCreator,
-  selectCurrentCustomType,
-} from "@src/modules/selectedCustomType";
-import { CustomTypeSM } from "@lib/models/common/CustomType";
-
-const customTypeModel: CustomTypeSM = {
-  id: "about",
-  label: "My Cool About Page",
-  repeatable: false,
-  status: true,
-  format: "custom",
-  tabs: [
-    {
-      key: "Main",
-      value: [
-        {
-          key: "title",
-          value: {
-            type: "StructuredText",
-            config: {
-              label: "",
-              placeholder: "",
-              allowTargetBlank: true,
-              single:
-                "paragraph,preformatted,heading1,heading2,heading3,heading4,heading5,heading6,strong,em,hyperlink,image,embed,list-item,o-list-item,rtl",
-            },
-          },
-        },
-      ],
-      sliceZone: {
-        key: "MainSliceZone",
-        value: [],
-      },
-    },
-  ],
-};
-
-describe("[Selected Custom type sagas]", () => {
-  describe("[saveCustomTypeSaga]", () => {
-    it("should call the api and dispatch the good actions on success", async () => {
-      const saga = testSaga(saveCustomTypeSaga);
-
-      saga.next().select(selectCurrentCustomType);
-      saga.next(customTypeModel).call(saveCustomType, customTypeModel);
-
-      saga
-        .next({ errors: [] })
-        .put(saveCustomTypeCreator.success({ customType: customTypeModel }));
-
-      saga
-        .next()
-        .inspect(
-          (action: {
-            payload: { action: { type: string; payload: { type: string } } };
-          }) => {
-            expect(action.payload.action.type).toBe("TOASTER/OPEN");
-            expect(action.payload.action.payload.type).toBe(
-              ToasterType.SUCCESS,
-            );
-          },
-        );
-
-      saga.next().isDone();
-
-      // Wait for network request to be performed
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      expect(Analytics.prototype.track).toHaveBeenCalledOnce();
-    });
-    it("should open a error toaster on internal error", () => {
-      const saga = testSaga(saveCustomTypeSaga).next();
-
-      saga.throw(new Error()).put(
-        openToasterCreator({
-          content: "Internal Error: Custom type not saved",
-          type: ToasterType.ERROR,
-        }),
-      );
-      saga.next().isDone();
-    });
-  });
-});

package/test/src/modules/selectedCustomType/selectors.test.ts

@@ -1,54 +0,0 @@
-import { describe, test, expect } from "vitest";
-import jsonModel from "./__fixtures__/model.json";
-import { isSelectedCustomTypeTouched } from "@src/modules/selectedCustomType";
-import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-import { CustomTypes } from "@lib/models/common/CustomType";
-
-const model = CustomTypes.toSM(jsonModel as unknown as CustomType);
-
-describe("[Selected Custom type selectors]", () => {
-  describe("[isSelectedCustomTypeTouched]", () => {
-    test("it computes correctly the state of the modifications 1/4", () => {
-      const customTypeStatus = isSelectedCustomTypeTouched({
-        selectedCustomType: {
-          model,
-          // @ts-expect-error TS(2322) FIXME: Type 'null' is not assignable to type '{ id: strin... Remove this comment to see the full error message
-          initialModel: null,
-        },
-      });
-
-      expect(customTypeStatus).toBe(true);
-    });
-    test("it computes correctly the state of the modifications 2/4", () => {
-      const customTypeStatus = isSelectedCustomTypeTouched({
-        // @ts-expect-error TS(2741) FIXME: Property 'remoteModel' is missing in type '{ model... Remove this comment to see the full error message
-        selectedCustomType: {
-          model,
-          initialModel: model,
-        },
-      });
-
-      expect(customTypeStatus).toBe(false);
-    });
-    test("it computes correctly the state of the modifications 3/4", () => {
-      const customTypeStatus = isSelectedCustomTypeTouched({
-        // @ts-expect-error TS(2741) FIXME: Property 'remoteModel' is missing in type '{ model... Remove this comment to see the full error message
-        selectedCustomType: {
-          model,
-          initialModel: { ...model, label: `differ-from-${model.label}` },
-        },
-      });
-      expect(customTypeStatus).toBe(true);
-    });
-    test("it computes correctly the state of the modifications 4/4", () => {
-      const customTypeStatus = isSelectedCustomTypeTouched({
-        selectedCustomType: {
-          model,
-          // @ts-expect-error TS(2740) FIXME: Type '{}' is missing the following properties from... Remove this comment to see the full error message
-          initialModel: { ...model, tabs: {} },
-        },
-      });
-      expect(customTypeStatus).toBe(true);
-    });
-  });
-});