@griddo/ax 1.75.111 → 1.75.113

package/src/__tests__/components/ConfigPanel/Form/ConnectedField/NavConnectedField/NavConnectedField.test.tsx

@@ -0,0 +1,161 @@
+import * as React from "react";
+
+import { ThemeProvider } from "styled-components";
+import { render, cleanup, screen } from "../../../../../../../config/jest/test-utils";
+import configureStore from "redux-mock-store";
+import "@testing-library/jest-dom";
+import thunk from "redux-thunk";
+
+import { parseTheme } from "@ax/helpers";
+import NavConnectedField from "@ax/components/ConfigPanel/Form/ConnectedField/NavConnectedField";
+import globalTheme from "@ax/themes/theme.json";
+
+beforeEach(() => {
+  cleanup();
+});
+
+const middlewares: any = [thunk];
+const mockStore = configureStore(middlewares);
+const updateEditorContentMock = jest.fn();
+const initialStore = {
+  navigation: {
+    selectedContent: { template: "default" },
+    currentDefaultsContent: [
+      {
+        component: "Header",
+        type: "header",
+        title: "Header name",
+        note01: {
+          title: "",
+          text: "To configure social links go to settings/general/social. To activate search feature go to settings/actionables",
+        },
+        showTopNavigation: true,
+        topNavigationContent: ["showSocialMedia", "showSearchFeature"],
+        school: "GRIDDO_BIG",
+        primaryLink: {
+          component: "Link",
+          parentEditorID: 0,
+        },
+        secondaryLink: {
+          component: "Link",
+          parentEditorID: 0,
+        },
+        setAsDefault: false,
+        topMenu: null,
+        mainMenu: null,
+        sticky: true,
+        navigationBannerIcon: null,
+        navigationBanner: false,
+        navigationBannerText: "lorem ipsum",
+        navigationBannerLink: {
+          component: "Link",
+          parentEditorID: 0,
+        },
+        navigationBannerBGColor: "#50ABFF",
+        parentEditorID: null,
+        id: 181,
+        thumbnail: {
+          id: 1005,
+          name: "navigation-thumbnail.png",
+          title: "Thumbnail for Header name",
+          description: "",
+          alt: "",
+          tags: [],
+          url: "https://images.dev.griddo.io/navigation-thumbnail_71",
+          thumb: "https://images.dev.griddo.io/w/215/h/161/navigation-thumbnail_71",
+          publicId: "thesaurus-dev/navigation-thumbnail_f8d25cc6-daa0-4ea9-b08a-d68670a50a41",
+          damId: "navigation-thumbnail_71",
+          published: "2022-07-06T14:27:23.553Z",
+          size: 4236,
+          width: 773,
+          height: 92,
+          orientation: "L",
+          site: 85,
+        },
+        isDefault: false,
+        navigationLanguages: [
+          {
+            navigationId: 181,
+            languageId: 4,
+            locale: "en_GB",
+            language: "English",
+          },
+        ],
+        site: 85,
+        language: 4,
+        entity: "73c91b2f-caca-4732-be7e-56fc1b640774",
+        deleted: false,
+      },
+    ],
+  },
+  pageEditor: {
+    selectedContent: { component: "Page" },
+    errors: [{}],
+  },
+  sites: {
+    currentSitePages: [
+      {
+        editorID: 1,
+      },
+    ],
+  },
+  app: {
+    lang: { locale: "es-ES", id: 0 },
+  },
+  dataPacks: {
+    templates: [{ id: "default" }],
+  },
+  menu: {
+    savedMenus: null,
+  },
+  navigationActions: {
+    updateEditorContent: updateEditorContentMock,
+  },
+};
+const store = mockStore(initialStore);
+
+const defaultProps = {
+  field: {
+    title: "Name",
+    key: "title",
+    type: "TextField",
+    mandatory: true,
+  },
+  schema: {
+    title: "Header",
+    component: "Header",
+    type: "header",
+    configTabs: [
+      {
+        title: "content",
+        fields: [
+          {
+            title: "Name",
+            key: "title",
+            type: "TextField",
+            mandatory: true,
+          },
+        ],
+      },
+    ],
+    schemaType: "module",
+  },
+  isPage: true,
+  isGlobal: true,
+  selectedTab: "content",
+  theme: "default-theme",
+};
+
+describe("NavConnectedField component rendering", () => {
+  it("should render PageConnectedField", () => {
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <NavConnectedField {...defaultProps} />
+      </ThemeProvider>,
+      { store }
+    );
+
+    const textFieldContainer = screen.getByTestId("text-field-container");
+    expect(textFieldContainer).toBeTruthy();
+  });
+});

package/src/__tests__/components/ConfigPanel/Form/ConnectedField/PageConnectedField/Field/Field.test.tsx

@@ -0,0 +1,115 @@
+import * as React from "react";
+
+import { ThemeProvider } from "styled-components";
+import { render, screen, cleanup } from "@testing-library/react";
+import "@testing-library/jest-dom";
+
+import { parseTheme } from "@ax/helpers";
+import Field from "@ax/components/ConfigPanel/Form/ConnectedField/PageConnectedField/Field";
+import globalTheme from "@ax/themes/theme.json";
+
+beforeEach(() => {
+  cleanup();
+});
+
+const defaultProps = {
+  goTo: jest.fn(),
+  updateValue: jest.fn(),
+  deleteError: jest.fn(),
+  whiteList: undefined,
+  objKey: "title",
+  field: {},
+  selectedContent: {
+    id: 4380,
+    entity: "7387163a-969a-4dae-aa41-f7f3b5a1e21d",
+    site: 81,
+    title: "Page 36",
+    slug: "/page-36",
+    language: 4,
+    author: 2,
+    isHome: false,
+    canonicalURL: "",
+    parent: null,
+    component: "Page",
+    deleted: false,
+    follow: true,
+    header: null,
+    footer: null,
+    isIndexed: true,
+    liveStatus: {
+      id: 4,
+      title: "Offline pending",
+      status: "offline-pending",
+    },
+    locale: null,
+    metaDescription: "",
+    metaTitle: "Page 1",
+    metasAdvanced: "",
+    socialTitle: "",
+    socialDescription: "",
+    socialImage: null,
+    template: {},
+    url: null,
+    workflowStatus: null,
+    modified: "2022-12-01T16:37:27.000Z",
+    published: "2022-09-27T14:32:13.000Z",
+    pageLanguages: [],
+    templateId: "BasicTemplate",
+    structuredData: null,
+    hash: "01e8b056-9769-41f3-aeab-373324b19d34",
+    origin: "EDITOR",
+    fullUrl: "//cx.dev.griddo.io/pre-griddo/sergio-site/page-36/",
+    templateConfig: {},
+    editorID: 0,
+    parentEditorID: null,
+  },
+  pages: [],
+  actions: {},
+  disabled: false,
+  readonly: false,
+  activatedModules: ["Accordion"],
+  isTemplateActivated: true,
+  errors: [],
+  theme: "griddo-alt-theme",
+  moduleCopy: null,
+  availableDataPacks: [],
+  template: "BasicTemplate",
+};
+
+describe("Field component rendering", () => {
+  it("should render the component with FieldContainer", () => {
+    defaultProps.field = {
+      title: "Title",
+      type: "TextField",
+      key: "title",
+    };
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Field {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    // It's loading Field -> FieldContainer with a TextField
+    const inputComponent = screen.getByTestId<HTMLInputElement>("input-component");
+    expect(inputComponent).toBeTruthy();
+  });
+
+  it("should render the component with FieldGroup", () => {
+    defaultProps.field = {
+      title: "Title",
+      type: "FieldGroup",
+      key: "title",
+    };
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Field {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    // It's loading Field -> FieldGroup with a TextField
+    const fieldGroupWrapper = screen.getByTestId("field-group-wrapper");
+    expect(fieldGroupWrapper).toBeTruthy();
+  });
+});