@griddo/ax 1.69.8 → 1.72.0

package/src/__tests__/components/Fields/ComponentContainer/ComponentContainer.test.tsx

@@ -0,0 +1,559 @@
+import * as React from "react";
+
+import { DraggableProvided, Draggable } from "react-beautiful-dnd";
+import { ThemeProvider } from "styled-components";
+import { mock } from "jest-mock-extended";
+
+import { render, screen, cleanup, fireEvent } from "@testing-library/react";
+import { parseTheme } from "@ax/helpers";
+
+import globalTheme from "@ax/themes/theme.json";
+import ComponentContainer, { IComponentContainerProps } from "@ax/components/Fields/ComponentContainer";
+
+afterEach(cleanup);
+const defaultProps = mock<IComponentContainerProps>();
+
+jest.mock("react-beautiful-dnd", () => ({
+  Draggable: ({ children, draggableId, index }: any) =>
+    children(
+      {
+        innerRef: jest.fn(),
+      },
+      {}
+    ),
+}));
+
+describe("ComponentContainer component rendering", () => {
+  afterEach(() => {
+    jest.resetAllMocks();
+  });
+  test("should render the ComponentContainer", () => {
+    defaultProps.text = "texto";
+    defaultProps.editorID = 1;
+    defaultProps.whiteList = ["BasicContent", "CardCollection"];
+    defaultProps.goTo = "/home";
+    defaultProps.arrayLength = 10;
+    defaultProps.theme = "default";
+    defaultProps.isArray = true;
+    defaultProps.disabled = false;
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Draggable draggableId="1" index={1} key={1}>
+          {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+        </Draggable>
+      </ThemeProvider>
+    );
+
+    expect(screen.getAllByTestId("component-container")).toBeTruthy();
+  });
+  test("should render the EmptyContainer with whitelist value", () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    defaultProps.text = undefined;
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    defaultProps.editorID = undefined;
+    defaultProps.whiteList = ["BasicContent", "CardCollection"];
+    defaultProps.goTo = "/home";
+    defaultProps.isArray = false;
+    defaultProps.arrayLength = 10;
+    defaultProps.theme = "default";
+    defaultProps.value = {};
+    defaultProps.actionReplace = jest.fn();
+    defaultProps.actions = {
+      deleteModuleAction: jest.fn(),
+      moveModuleAction: jest.fn(),
+      duplicateModuleAction: jest.fn,
+      copyModuleAction: jest.fn(),
+    };
+    defaultProps.canDuplicate = true;
+    defaultProps.canReplace = true;
+    defaultProps.objKey = "component";
+    defaultProps.selectedContent = {
+      component: "Section",
+      name: "Main Content",
+      modules: [
+        {
+          component: "BasicContent",
+          title: {
+            content: "Title",
+            tag: "h1",
+          },
+          anchorID: null,
+          verticalSpacing: "medium",
+          layout: "L001",
+          theme: "default",
+          moduleOrder: null,
+          subtitle:
+            "Lorem ipsum dolor sit amet, consectetur adipiscsdcdscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu.sdcsdc",
+          content:
+            "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu. Lorem ipsum d</p>",
+          primaryLink: {
+            component: "Link",
+            text: "Link 1",
+            style: "primary",
+            url: {
+              url: "",
+              linkTo: null,
+              newTab: false,
+              noFollow: false,
+              size: null,
+              icon: null,
+              linkContainer: null,
+            },
+            editorID: 5,
+            parentEditorID: 4,
+          },
+          secondaryLink: {
+            component: "Link",
+            editorID: 6,
+            parentEditorID: 4,
+          },
+          additionalContent: {
+            image: {
+              component: "LinkableImage",
+              editorID: 7,
+              parentEditorID: 4,
+            },
+            video: {
+              component: "Video",
+              editorID: 8,
+              parentEditorID: 4,
+            },
+          },
+          editorID: 4,
+          parentEditorID: 3,
+        },
+      ],
+      sectionPosition: 2,
+      editorID: 3,
+      parentEditorID: 1,
+      key: "mainContent",
+    };
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ComponentContainer {...defaultProps} />
+      </ThemeProvider>
+    );
+    expect(screen.getAllByTestId("field-multiple-options")).toBeTruthy();
+  });
+  test("should render the EmptyContainer with title", () => {
+    defaultProps.title = "a title";
+    defaultProps.whiteList = ["BasicContent", "CardCollection"];
+    defaultProps.goTo = "/home";
+    defaultProps.isArray = false;
+    defaultProps.arrayLength = 10;
+    defaultProps.theme = "default";
+    defaultProps.value = {};
+    defaultProps.actionReplace = jest.fn();
+    defaultProps.actions = {
+      deleteModuleAction: jest.fn(),
+      moveModuleAction: jest.fn(),
+      duplicateModuleAction: jest.fn,
+      copyModuleAction: jest.fn(),
+    };
+    defaultProps.canDuplicate = true;
+    defaultProps.canReplace = true;
+    defaultProps.objKey = "component";
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Draggable draggableId="1" index={1} key={1}>
+          {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+        </Draggable>
+      </ThemeProvider>
+    );
+    expect(screen.getAllByTestId("field-multiple-options")).toBeTruthy();
+  });
+  test("should render the icon with the container text", () => {
+    defaultProps.text = "texto a mostrar";
+    defaultProps.editorID = 1;
+    defaultProps.whiteList = ["BasicContent", "CardCollection"];
+    defaultProps.goTo = "/home";
+    defaultProps.isArray = false;
+    defaultProps.disabled = false;
+    defaultProps.arrayLength = 10;
+    defaultProps.theme = "default";
+    defaultProps.value = {
+      component: "Link",
+      text: "Link 1",
+      style: "primary",
+      url: {
+        url: "",
+        linkTo: null,
+        newTab: false,
+        noFollow: false,
+        size: null,
+        icon: null,
+        linkContainer: null,
+      },
+      editorID: 5,
+      parentEditorID: 4,
+    };
+    defaultProps.actions = {
+      deleteModuleAction: jest.fn(),
+    };
+    defaultProps.parentKey = "title";
+    defaultProps.objKey = "content";
+    defaultProps.selectedContent = {
+      component: "BasicContent",
+      title: {
+        content: "Title",
+        tag: "h1",
+      },
+      anchorID: null,
+      verticalSpacing: "medium",
+      layout: "L001",
+      theme: "default",
+      moduleOrder: null,
+      subtitle:
+        "Lorem ipsum dolor sit amet, consectetur adipiscsdcdscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu.sdcsdc",
+      content:
+        "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu. Lorem ipsum d</p>",
+      primaryLink: {
+        component: "Link",
+        text: "Link 1",
+        style: "primary",
+        url: {
+          url: "",
+          linkTo: null,
+          newTab: false,
+          noFollow: false,
+          size: null,
+          icon: null,
+          linkContainer: null,
+        },
+        editorID: 5,
+        parentEditorID: 4,
+      },
+      secondaryLink: {
+        component: "Link",
+        editorID: 6,
+        parentEditorID: 4,
+      },
+      additionalContent: {
+        image: {
+          component: "LinkableImage",
+          editorID: 7,
+          parentEditorID: 4,
+        },
+        video: {
+          component: "Video",
+          editorID: 8,
+          parentEditorID: 4,
+        },
+      },
+      editorID: 4,
+      parentEditorID: 3,
+    };
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Draggable draggableId="1" index={1} key={1}>
+          {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+        </Draggable>
+      </ThemeProvider>
+    );
+    expect(screen.getByTestId("icon-wrapper")).toBeTruthy();
+    expect(screen.findByText("texto a mostrar")).toBeTruthy();
+  });
+
+  test("should render the title", () => {
+    defaultProps.text = "texto a mostrar";
+    defaultProps.moduleTitle = "module title";
+    defaultProps.editorID = 1;
+    defaultProps.whiteList = [];
+    defaultProps.goTo = "/home";
+    defaultProps.isArray = false;
+    defaultProps.disabled = false;
+    defaultProps.arrayLength = 10;
+    defaultProps.theme = "default";
+    defaultProps.value = {
+      component: "Link",
+      text: "Link 1",
+      style: "primary",
+      url: {
+        url: "",
+        linkTo: null,
+        newTab: false,
+        noFollow: false,
+        size: null,
+        icon: null,
+        linkContainer: null,
+      },
+      editorID: 5,
+      parentEditorID: 4,
+    };
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Draggable draggableId="1" index={1} key={1}>
+          {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+        </Draggable>
+      </ThemeProvider>
+    );
+    expect(screen.findByText("module title")).toBeTruthy();
+  });
+
+  test("should render the SideModal when click EmptyContainer", () => {
+    defaultProps.title = "a title";
+    defaultProps.whiteList = ["LinkImage", "Video"];
+    defaultProps.goTo = "/home";
+    defaultProps.isArray = false;
+    defaultProps.arrayLength = 2;
+    defaultProps.theme = "griddo-alt-theme";
+    defaultProps.editorID = 1;
+    defaultProps.value = {
+      image: { component: "LinkableImage", editorID: 2, parentEditorID: 1 },
+      video: { component: "Video", editorID: 3, parentEditorID: 1 },
+    };
+    defaultProps.actionReplace = jest.fn();
+    defaultProps.actions = {
+      deleteModuleAction: jest.fn(),
+      moveModuleAction: jest.fn(),
+      duplicateModuleAction: jest.fn,
+      copyModuleAction: jest.fn(),
+    };
+    defaultProps.canDuplicate = true;
+    defaultProps.canReplace = true;
+    defaultProps.objKey = "component";
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Draggable draggableId="1" index={1} key={1}>
+          {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+        </Draggable>
+      </ThemeProvider>
+    );
+
+    const multipleOptionsField = screen.getByTestId("field-multiple-options");
+    expect(multipleOptionsField).toBeTruthy();
+    fireEvent.click(multipleOptionsField);
+    const sideModal = screen.getByTestId("side-modal");
+    expect(sideModal).toBeTruthy();
+  });
+
+  test("should render component options on SideModal", () => {
+    defaultProps.title = "a title";
+    defaultProps.whiteList = ["LinkImage", "Video"];
+    defaultProps.goTo = "/home";
+    defaultProps.isArray = false;
+    defaultProps.arrayLength = 2;
+    defaultProps.theme = "griddo-alt-theme";
+    defaultProps.editorID = 1;
+    defaultProps.value = {
+      image: { component: "LinkableImage", editorID: 2, parentEditorID: 1 },
+      video: { component: "Video", editorID: 3, parentEditorID: 1 },
+    };
+    defaultProps.actionReplace = jest.fn();
+    defaultProps.actions = {
+      deleteModuleAction: jest.fn(),
+      moveModuleAction: jest.fn(),
+      duplicateModuleAction: jest.fn,
+      copyModuleAction: jest.fn(),
+    };
+    defaultProps.canDuplicate = true;
+    defaultProps.canReplace = true;
+    defaultProps.objKey = "component";
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Draggable draggableId="1" index={1} key={1}>
+          {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+        </Draggable>
+      </ThemeProvider>
+    );
+
+    const multipleOptionsField = screen.getByTestId("field-multiple-options");
+    expect(multipleOptionsField).toBeTruthy();
+    fireEvent.click(multipleOptionsField);
+    const sideModal = screen.getByTestId("side-modal");
+    expect(sideModal).toBeTruthy();
+    const options = screen.getAllByTestId("side-modal-option");
+    expect(options.length).toEqual(2);
+  });
+});
+
+test("should render the FloatingMenu with options when click Component Container", async () => {
+  defaultProps.title = "a title";
+  defaultProps.whiteList = ["LinkImage", "Video"];
+  defaultProps.goTo = "/home";
+  defaultProps.isArray = false;
+  defaultProps.arrayLength = 2;
+  defaultProps.theme = "griddo-alt-theme";
+  defaultProps.editorID = 1;
+  defaultProps.value = {
+    image: { component: "LinkableImage", editorID: 2, parentEditorID: 1 },
+    video: {
+      component: "Video",
+      editorID: 3,
+      parentEditorID: 1,
+      thumbnail: { component: "Image", editorID: 4, parentEditorID: 3 },
+      url: "",
+    },
+  };
+  defaultProps.actionReplace = jest.fn();
+  defaultProps.actions = {
+    deleteModuleAction: jest.fn(),
+    moveModuleAction: jest.fn(),
+    duplicateModuleAction: jest.fn,
+    copyModuleAction: jest.fn(),
+  };
+  defaultProps.canDuplicate = true;
+  defaultProps.canReplace = true;
+  defaultProps.objKey = "component";
+
+  render(
+    <ThemeProvider theme={parseTheme(globalTheme)}>
+      <Draggable draggableId="1" index={1} key={1}>
+        {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+      </Draggable>
+    </ThemeProvider>
+  );
+
+  const component = screen.getByTestId("component-container");
+  fireEvent.mouseOver(component);
+  const floatingMenu = screen.getByTestId("floating-menu-button");
+  expect(floatingMenu).toBeTruthy();
+  fireEvent.click(floatingMenu);
+  const actionMenu = screen.getByTestId("action-menu-item");
+  expect(actionMenu).toBeTruthy();
+  const actionMenuItems = screen.getAllByTestId("action-menu-item");
+  expect(actionMenuItems.length).toEqual(1);
+});
+
+test("should render the SideModal with options when click the replace action", async () => {
+  defaultProps.title = "a title";
+  defaultProps.whiteList = ["LinkImage", "Video"];
+  defaultProps.goTo = "/home";
+  defaultProps.isArray = false;
+  defaultProps.arrayLength = 2;
+  defaultProps.theme = "griddo-alt-theme";
+  defaultProps.editorID = 1;
+  defaultProps.value = {
+    image: { component: "LinkableImage", editorID: 2, parentEditorID: 1 },
+    video: {
+      component: "Video",
+      editorID: 3,
+      parentEditorID: 1,
+      thumbnail: { component: "Image", editorID: 4, parentEditorID: 3 },
+      url: "",
+    },
+  };
+  defaultProps.actionReplace = jest.fn();
+  defaultProps.actions = {
+    deleteModuleAction: jest.fn(),
+    moveModuleAction: jest.fn(),
+    duplicateModuleAction: jest.fn,
+    copyModuleAction: jest.fn(),
+  };
+  defaultProps.canDuplicate = true;
+  defaultProps.canReplace = true;
+  defaultProps.objKey = "component";
+
+  render(
+    <ThemeProvider theme={parseTheme(globalTheme)}>
+      <Draggable draggableId="1" index={1} key={1}>
+        {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+      </Draggable>
+    </ThemeProvider>
+  );
+
+  const component = screen.getByTestId("component-container");
+  fireEvent.mouseOver(component);
+
+  const floatingMenu = screen.getByTestId("floating-menu-button");
+  expect(floatingMenu).toBeTruthy();
+
+  fireEvent.click(floatingMenu);
+  const actionMenu = screen.getByTestId("action-menu-item");
+  expect(actionMenu).toBeTruthy();
+
+  const actionMenuItem = screen.getByTestId("action-menu-item");
+  fireEvent.click(actionMenuItem);
+  const sideModal = screen.getByTestId("side-modal");
+  expect(sideModal).toBeTruthy();
+
+  const options = screen.getAllByTestId("side-modal-option");
+  expect(options.length).toEqual(2);
+});
+
+test("should not render the drag handle if arrays length is lower than two", async () => {
+  defaultProps.title = "a title";
+  defaultProps.whiteList = ["LinkImage", "Video"];
+  defaultProps.goTo = "/home";
+  defaultProps.isArray = false;
+  defaultProps.arrayLength = 1;
+  defaultProps.theme = "griddo-alt-theme";
+  defaultProps.editorID = 1;
+  defaultProps.value = {
+    image: { component: "LinkableImage", editorID: 2, parentEditorID: 1 },
+    video: {
+      component: "Video",
+      editorID: 3,
+      parentEditorID: 1,
+      thumbnail: { component: "Image", editorID: 4, parentEditorID: 3 },
+      url: "",
+    },
+  };
+  defaultProps.actionReplace = jest.fn();
+  defaultProps.actions = {
+    deleteModuleAction: jest.fn(),
+    moveModuleAction: jest.fn(),
+    duplicateModuleAction: jest.fn,
+    copyModuleAction: jest.fn(),
+  };
+  defaultProps.canDuplicate = true;
+  defaultProps.canReplace = true;
+  defaultProps.objKey = "component";
+
+  render(
+    <ThemeProvider theme={parseTheme(globalTheme)}>
+      <Draggable draggableId="1" index={1} key={1}>
+        {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+      </Draggable>
+    </ThemeProvider>
+  );
+
+  const handleWrapper = screen.queryByTestId("handle-wrapper");
+  expect(handleWrapper).toBeFalsy();
+});
+
+test("should render the drag handle if arrays length is greater than two", async () => {
+  defaultProps.title = "a title";
+  defaultProps.whiteList = ["LinkImage", "Video"];
+  defaultProps.goTo = "/home";
+  defaultProps.isArray = true;
+  defaultProps.arrayLength = 3;
+  defaultProps.theme = "griddo-alt-theme";
+  defaultProps.editorID = 1;
+  defaultProps.value = {
+    image: { component: "LinkableImage", editorID: 2, parentEditorID: 1 },
+    video: {
+      component: "Video",
+      editorID: 3,
+      parentEditorID: 1,
+      thumbnail: { component: "Image", editorID: 4, parentEditorID: 3 },
+      url: "",
+    },
+  };
+  defaultProps.actionReplace = jest.fn();
+  defaultProps.actions = {
+    deleteModuleAction: jest.fn(),
+    moveModuleAction: jest.fn(),
+    duplicateModuleAction: jest.fn,
+    copyModuleAction: jest.fn(),
+  };
+  defaultProps.canDuplicate = true;
+  defaultProps.canReplace = true;
+  defaultProps.objKey = "component";
+
+  render(
+    <ThemeProvider theme={parseTheme(globalTheme)}>
+      <Draggable draggableId="1" index={1} key={1}>
+        {(provided: DraggableProvided) => <ComponentContainer {...defaultProps} provided={provided} />}
+      </Draggable>
+    </ThemeProvider>
+  );
+
+  const handleWrapper = screen.getByTestId("handle-wrapper");
+  expect(handleWrapper).toBeTruthy();
+});

package/src/__tests__/components/Fields/ConditionalField/ConditionalField.test.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ConditionalField from "@ax/components/Fields/ConditionalField";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { mock } from "jest-mock-extended";
 import { render, screen, cleanup } from "@testing-library/react";

package/src/__tests__/components/Fields/DateField/DateField.test.tsx

@@ -5,7 +5,7 @@ import { mock } from "jest-mock-extended";
 import { render, screen, cleanup } from "@testing-library/react";
 
 import DateField, { IDateFieldProps } from "@ax/components/Fields/DateField";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/Fields/FieldGroup/FieldGroup.test.tsx

@@ -3,7 +3,7 @@ import "@testing-library/jest-dom";
 import { ThemeProvider } from "styled-components";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 
 import FieldGroup from "@ax/components/Fields/FieldGroup";

package/src/__tests__/components/Fields/FieldsDivider/FieldsDivider.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import FieldsDivider from "@ax/components/Fields/FieldsDivider";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, screen, cleanup } from "@testing-library/react";
 

package/src/__tests__/components/Fields/FileField/FileField.test.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { mock } from "jest-mock-extended";
 import { render, screen, cleanup } from "@testing-library/react";
@@ -94,7 +94,7 @@ describe("onClick events", () => {
 
     const spyWindowOpen = jest.spyOn(window, "open");
 
-    const urlButton = screen.getAllByTestId("iconActionComponent");
+    const urlButton = screen.getAllByTestId("icon-action-component");
     act(() => urlButton[0].click());
 
     expect(spyWindowOpen).toBeCalled();
@@ -121,7 +121,7 @@ describe("onClick events", () => {
 
     const { rerender } = render(Component);
 
-    const floatingMenu = screen.getAllByTestId("iconActionComponent");
+    const floatingMenu = screen.getAllByTestId("icon-action-component");
 
     act(() => floatingMenu[1].click());
 

package/src/__tests__/components/Fields/HeadingField/HeadingField.test.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import HeadingField from "@ax/components/Fields/HeadingField";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, screen, cleanup } from "@testing-library/react";
 
@@ -31,7 +31,7 @@ describe("HeadingField component rendering", () => {
       </ThemeProvider>
     );
 
-    const textFieldContainer = screen.getByTestId("textFieldContainer");
+    const textFieldContainer = screen.getByTestId("text-field-container");
 
     expect(textFieldContainer).toBeTruthy();
   });
@@ -58,10 +58,10 @@ describe("HeadingField component rendering", () => {
       </ThemeProvider>
     );
 
-    const textFieldContainer = screen.getByTestId("textFieldContainer");
-    const textFieldAdvancedWrapper = screen.getByTestId("textFieldAdvancedWrapper");
-    const contentWrapper = screen.getByTestId("contentWrapper");
-    const selectComponent = screen.getByTestId("selectComponent");
+    const textFieldContainer = screen.getByTestId("text-field-container");
+    const textFieldAdvancedWrapper = screen.getByTestId("text-field-advanced-wrapper");
+    const contentWrapper = screen.getByTestId("fields-behavior-wrapper");
+    const selectComponent = screen.getByTestId("select-component");
 
     expect(textFieldContainer).toBeTruthy();
     expect(textFieldAdvancedWrapper).toBeTruthy();

package/src/__tests__/components/Fields/HiddenField/HiddenField.test.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import HiddenField from "@ax/components/Fields/HiddenField";
+import HiddenField, { IHiddenFieldProps } from "@ax/components/Fields/HiddenField";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { mock } from "jest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
@@ -68,9 +68,3 @@ describe("onClick events", () => {
     expect(showField).toHaveBeenCalledTimes(1);
   });
 });
-
-interface IHiddenFieldProps {
-  title: string;
-  showField: any;
-  hasMultipleOptions?: boolean;
-}