@griddo/ax 10.1.96 → 10.2.0

package/src/__mocks__/store/UsersCreate.ts

@@ -0,0 +1,298 @@
+export const usersStoreMock = {
+  users: [
+    {
+      id: 171,
+      username: "prueba",
+      name: "Prueba Prueba",
+      email: "prueba@secuoyas.com",
+      image: {
+        id: 811,
+        name: "Novak-Djokovic1-1536x961.jpg",
+        title: "",
+        description: "",
+        alt: "",
+        tags: [],
+        url: "http://images.dev.griddo.io/novak-djokovic1-1536x961",
+        thumb: "http://images.dev.griddo.io/w/215/h/161/novak-djokovic1-1536x961",
+        publicId: "thesaurus-dev/Novak-Djokovic1-1536x961_4b074dc5-d5b4-4b5f-a220-9b7e7a3f3310",
+        damId: "novak-djokovic1-1536x961",
+        published: "2022-01-20T16:24:25Z",
+        size: 160626,
+        width: 1536,
+        height: 961,
+        orientation: "L",
+        site: "global",
+      },
+      company: null,
+      description: null,
+      dateCreated: "2022-10-25T07:41:42.000Z",
+      failed: 0,
+      timezone: "Europe/Madrid",
+      enabled: true,
+      status: "active",
+      roles: [
+        { siteId: "global", roles: [1] },
+        { siteId: 175, roles: [1] },
+        { siteId: 81, roles: [1] },
+      ],
+      isSuperAdmin: false,
+    },
+    {
+      id: 2,
+      username: "admin",
+      name: "Admin",
+      email: "admin@secuoyas.com",
+      image: {
+        id: 815,
+        name: "novak.jpg",
+        title: "Novak",
+        description: "",
+        alt: "",
+        tags: [],
+        url: "http://images.dev.griddo.io/novak",
+        thumb: "http://images.dev.griddo.io/w/215/h/161/novak",
+        publicId: "thesaurus-dev/novak_ad74cc12-0fb4-4817-9867-2f4ab7dece0b",
+        damId: "novak",
+        published: "2022-01-25T11:13:32Z",
+        size: 229850,
+        width: 1200,
+        height: 1200,
+        orientation: "S",
+        site: "global",
+      },
+      company: "",
+      description: null,
+      dateCreated: null,
+      failed: 0,
+      timezone: "Europe/Madrid",
+      enabled: true,
+      status: "active",
+      roles: [
+        { siteId: "global", roles: [12, 1] },
+        { siteId: "all", roles: [1] },
+      ],
+      isSuperAdmin: false,
+    },
+  ],
+  roles: [
+    {
+      id: 1,
+      name: "Administrator",
+      hex: "#C7ECF8",
+      description:
+        "You can manage all of your site's settings, users and roles. You can create and publish all pages of your site.",
+      permissions: { totalPermissions: "78/78", sitePermissions: [], globalPermissions: [] },
+      editable: false,
+      active: true,
+    },
+    {
+      id: 2,
+      name: "Constructor",
+      hex: "#B5FBFF",
+      description:
+        "You can edit your website, add pages, modules, modify URLs, menus, colours and themes, html tags. You don't manage users, or manage the site configuration.",
+      permissions: { totalPermissions: "49/78", sitePermissions: [], globalPermissions: [] },
+      editable: true,
+      active: false,
+    },
+    {
+      id: 3,
+      name: "Editor",
+      hex: "#E2EE9F",
+      description: "You have permission to view, add and edit site content, such as pages and blocks.",
+      permissions: { totalPermissions: "21/78", sitePermissions: [], globalPermissions: [] },
+      editable: true,
+      active: true,
+    },
+    {
+      id: 4,
+      name: "SEO Validator",
+      hex: "#FFD7C0",
+      description: "You can manage SEO tags.",
+      permissions: { totalPermissions: "18/78", sitePermissions: [], globalPermissions: [] },
+      editable: true,
+      active: false,
+    },
+    {
+      id: 5,
+      name: "Viewer",
+      hex: "#BCCBFF",
+      description: "You can view the content, but you cannot edit it.",
+      permissions: { totalPermissions: "3/78", sitePermissions: [], globalPermissions: [] },
+      editable: false,
+      active: true,
+    },
+  ],
+  currentUser: {
+    company: "",
+    dateCreated: null,
+    description: "",
+    email: "bot@secuoyas.com",
+    enabled: true,
+    failed: 0,
+    id: 4,
+    image: null,
+    name: "Bot",
+    status: "active",
+    timezone: null,
+    username: "Griddo Bot",
+    isSuperAdmin: true,
+    roles: [
+      { siteId: "global", roles: [1] },
+      { siteId: "all", roles: [1] },
+    ],
+  },
+  currentPermissions: [],
+};
+
+export const sitesStoreGlobalMock = {
+  totalItems: 2,
+  sites: [
+    {
+      id: 1,
+      name: "Site 1",
+      theme: "default-theme",
+      author: 2,
+      pages: [],
+      updated: true,
+      home: "//cx.dev.griddo.io/pre-griddo/componentfolder",
+      isPublished: false,
+      bigAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_10",
+      favicon: "https://images.dev.griddo.io/by-themascot-1920_2",
+      published: "2021-11-03T10:42:32.000Z",
+      rendering: false,
+      renderingHours: 0,
+      shouldBeUpdated: false,
+      slug: "/griddo-components",
+      smallAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_9",
+      socials: null,
+      thumbnail: null,
+      timezone: "Pacific/Pago_Pago",
+      deleted: 0,
+      hash: null,
+      languageSites: [146, 178],
+      lastAccess: "2022-09-05T07:34:19.000Z",
+      modified: "2022-06-22T07:17:34.000Z",
+      navigationModules: null,
+    },
+    {
+      id: 2,
+      name: "Site 2",
+      theme: "default-theme",
+      author: 2,
+      pages: [],
+      updated: true,
+      home: "//cx.dev.griddo.io/pre-griddo/componentfolder",
+      isPublished: false,
+      bigAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_10",
+      favicon: "https://images.dev.griddo.io/by-themascot-1920_2",
+      published: "2021-11-03T10:42:32.000Z",
+      rendering: false,
+      renderingHours: 0,
+      shouldBeUpdated: false,
+      slug: "/griddo-components",
+      smallAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_9",
+      socials: null,
+      thumbnail: null,
+      timezone: "Pacific/Pago_Pago",
+      deleted: 0,
+      hash: null,
+      languageSites: [146, 178],
+      lastAccess: "2022-09-05T07:34:19.000Z",
+      modified: "2022-06-22T07:17:34.000Z",
+      navigationModules: null,
+    },
+  ],
+  currentSiteInfo: null,
+};
+
+export const sitesStoreMock = {
+  totalItems: 2,
+  sites: [
+    {
+      id: 1,
+      name: "Site 1",
+      theme: "default-theme",
+      author: 2,
+      pages: [],
+      updated: true,
+      home: "//cx.dev.griddo.io/pre-griddo/componentfolder",
+      isPublished: false,
+      bigAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_10",
+      favicon: "https://images.dev.griddo.io/by-themascot-1920_2",
+      published: "2021-11-03T10:42:32.000Z",
+      rendering: false,
+      renderingHours: 0,
+      shouldBeUpdated: false,
+      slug: "/griddo-components",
+      smallAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_9",
+      socials: null,
+      thumbnail: null,
+      timezone: "Pacific/Pago_Pago",
+      deleted: 0,
+      hash: null,
+      languageSites: [146, 178],
+      lastAccess: "2022-09-05T07:34:19.000Z",
+      modified: "2022-06-22T07:17:34.000Z",
+      navigationModules: null,
+    },
+    {
+      id: 2,
+      name: "Site 2",
+      theme: "default-theme",
+      author: 2,
+      pages: [],
+      updated: true,
+      home: "//cx.dev.griddo.io/pre-griddo/componentfolder",
+      isPublished: false,
+      bigAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_10",
+      favicon: "https://images.dev.griddo.io/by-themascot-1920_2",
+      published: "2021-11-03T10:42:32.000Z",
+      rendering: false,
+      renderingHours: 0,
+      shouldBeUpdated: false,
+      slug: "/griddo-components",
+      smallAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_9",
+      socials: null,
+      thumbnail: null,
+      timezone: "Pacific/Pago_Pago",
+      deleted: 0,
+      hash: null,
+      languageSites: [146, 178],
+      lastAccess: "2022-09-05T07:34:19.000Z",
+      modified: "2022-06-22T07:17:34.000Z",
+      navigationModules: null,
+    },
+  ],
+  currentSiteInfo: {
+    id: 2,
+    name: "Site 2",
+    theme: "default-theme",
+    author: 2,
+    pages: [],
+    updated: true,
+    home: "//cx.dev.griddo.io/pre-griddo/componentfolder",
+    isPublished: false,
+    bigAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_10",
+    favicon: "https://images.dev.griddo.io/by-themascot-1920_2",
+    published: "2021-11-03T10:42:32.000Z",
+    rendering: false,
+    renderingHours: 0,
+    shouldBeUpdated: false,
+    slug: "/griddo-components",
+    smallAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_9",
+    socials: null,
+    thumbnail: null,
+    timezone: "Pacific/Pago_Pago",
+    deleted: 0,
+    hash: null,
+    languageSites: [146, 178],
+    lastAccess: "2022-09-05T07:34:19.000Z",
+    modified: "2022-06-22T07:17:34.000Z",
+    navigationModules: null,
+  },
+};
+
+export const appStoreMock = {
+  isSaving: false,
+};

package/src/__tests__/components/Avatar/Avatar.test.tsx

@@ -2,7 +2,6 @@ import * as React from "react";
 import { ThemeProvider } from "styled-components";
 import { render, cleanup, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import renderer from "react-test-renderer";
 
 import { parseTheme } from "@ax/helpers";
 import Avatar from "@ax/components/Avatar";
@@ -24,7 +23,7 @@ describe("Avatar component rendering", () => {
     );
 
     const avatarWrapper = screen.getByTestId("avatar-wrapper");
-    const avatar = screen.queryByTestId("avatar");
+    const avatar = screen.getByTestId("avatar");
 
     expect(avatarWrapper).toBeTruthy();
     expect(avatar).toHaveStyle(`width: 32px; height: 32px`);
@@ -36,17 +35,18 @@ describe("Avatar component rendering", () => {
   it("should render the component only with name", () => {
     const props = {
       name: "Ignatius Reilly",
+      image: undefined,
     };
 
-    const tree = renderer
-      .create(
-        <ThemeProvider theme={parseTheme(globalTheme)}>
-          <Avatar {...props} />
-        </ThemeProvider>
-      )
-      .toJSON();
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Avatar {...props} />
+      </ThemeProvider>
+    );
 
-    expect(tree).toMatchSnapshot();
+    const avatar = screen.getByTestId<HTMLElement>("avatar");
+    expect(avatar).toBeTruthy();
+    expect(avatar).toHaveStyle(`background: url(undefined) center center / cover no-repeat, rgb(230, 231, 248)`);
   });
 
   it("should render the component with image null", () => {
@@ -55,27 +55,35 @@ describe("Avatar component rendering", () => {
       image: null,
     };
 
-    const tree = renderer
-      .create(
-        <ThemeProvider theme={parseTheme(globalTheme)}>
-          <Avatar {...props} />
-        </ThemeProvider>
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Avatar {...props} />
+      </ThemeProvider>
+    );
+    const avatarWrapper = screen.getByTestId("avatar-wrapper");
+    const avatar = screen.getByTestId("avatar");
+    expect(avatarWrapper).toBeTruthy();
+    expect(avatar).toHaveStyle(`width: 32px; height: 32px`);
+    expect(avatar).toHaveStyle(`background: url(null) center center / cover no-repeat, rgb(230, 231, 248)`);
   });
 
   it("should render the component without name or image", () => {
-    const tree = renderer
-      .create(
-        <ThemeProvider theme={parseTheme(globalTheme)}>
-          <Avatar />
-        </ThemeProvider>
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
+    const props = {
+      name: undefined,
+      image: undefined,
+    };
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Avatar {...props} />
+      </ThemeProvider>
+    );
+
+    const avatarWrapper = screen.getByTestId("avatar-wrapper");
+    const avatar = screen.queryByTestId("avatar");
+
+    expect(avatarWrapper).toBeTruthy();
+    expect(avatar).toBeTruthy();
   });
 
   it("should render the component with a wrong image url", () => {
@@ -92,28 +100,21 @@ describe("Avatar component rendering", () => {
 
     const avatar = screen.queryByTestId("avatar");
 
-    expect(avatar).toHaveStyle(`width: 32px; height: 32px;`);
-
-    const tree = renderer
-      .create(
-        <ThemeProvider theme={parseTheme(globalTheme)}>
-          <Avatar {...props} />
-        </ThemeProvider>
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
+    expect(avatar).toHaveStyle(`background: url(lolololololo) center center / cover no-repeat, rgb(230, 231, 248)`);
   });
 
   it("should render the component with an empty string as name", () => {
-    const tree = renderer
-      .create(
-        <ThemeProvider theme={parseTheme(globalTheme)}>
-          <Avatar name="" />
-        </ThemeProvider>
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
+    const props = {
+      name: "",
+    };
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Avatar {...props} />
+      </ThemeProvider>
+    );
+
+    const avatar = screen.getByTestId("avatar");
+    expect(avatar).toBeTruthy();
   });
 });

package/src/__tests__/components/ConfigPanel/ConfigPanel.test.tsx

@@ -9,12 +9,14 @@ import "@testing-library/jest-dom";
 import { parseTheme } from "@ax/helpers";
 import ConfigPanel, { IStateProps } from "@ax/components/ConfigPanel";
 import globalTheme from "@ax/themes/theme.json";
+import { defaultStore } from "./../../../__mocks__/store/GenericStore";
 
 afterEach(cleanup);
 
 const middlewares: any = [];
 const mockStore = configureStore(middlewares);
 const initialStore = {
+  ...defaultStore,
   navigation: {
     currentDefaultsContent: [
       {

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

@@ -9,6 +9,7 @@ import "@testing-library/jest-dom";
 import { parseTheme } from "@ax/helpers";
 import Form, { IFormProps } from "@ax/components/ConfigPanel/Form";
 import globalTheme from "@ax/themes/theme.json";
+import { defaultStore } from "./../../../../__mocks__/store/GenericStore";
 
 beforeEach(() => {
   cleanup();
@@ -17,6 +18,7 @@ beforeEach(() => {
 const middlewares: any = [];
 const mockStore = configureStore(middlewares);
 const initialStore = {
+  ...defaultStore,
   navigation: {
     currentDefaultsContent: [
       {

package/src/__tests__/components/ConfigPanel/GlobalPageForm/GlobalPageForm.test.tsx

@@ -71,11 +71,36 @@ const initialStore = {
     totalItems: 0,
     integrationCopy: null,
   },
+  users: {
+    currentPermissions: [],
+    globalPermissions: [],
+    currentUser: {
+      company: "",
+      dateCreated: null,
+      description: "",
+      email: "bot@secuoyas.com",
+      enabled: true,
+      failed: 0,
+      id: 4,
+      image: null,
+      name: "Bot",
+      status: "active",
+      timezone: null,
+      username: "Griddo Bot",
+      isSuperAdmin: true,
+      roles: [
+        { siteId: "global", roles: [1] },
+        { siteId: "all", roles: [1] },
+      ],
+    },
+  },
 };
 
 const store = mockStore(initialStore);
 
 const defaultProps = mock<IGlobalPageFormProps>();
+const setNotificationActionMock = jest.fn();
+defaultProps.actions.setNotificationAction = setNotificationActionMock;
 
 describe("GlobalPageForm component rendering", () => {
   it("should render PageConnectedField", () => {

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

@@ -23,7 +23,7 @@ describe("Button component rendering", () => {
 
     const buttonElement = screen.getByTestId("button-default");
     expect(buttonElement).toBeTruthy();
-    const iconElement = screen.queryByTestId("icon-component");
+    const iconElement = screen.queryByTestId("icon-component-");
     expect(iconElement).not.toBeTruthy();
   });
 
@@ -39,7 +39,7 @@ describe("Button component rendering", () => {
 
     const buttonElement = screen.getByTestId("button-text");
     expect(buttonElement).toBeTruthy();
-    const iconElement = screen.getByTestId("icon-component");
+    const iconElement = screen.getByTestId("icon-component-delete");
     expect(iconElement).toBeTruthy();
   });
 

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

@@ -11,6 +11,7 @@ import { render, screen, cleanup, fireEvent } from "../../../../../config/jest/t
 import ImageField, { IImageFieldProps } from "@ax/components/Fields/ImageField";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
+import { defaultStore } from "./../../../../__mocks__/store/GenericStore";
 
 afterEach(() => {
   cleanup();
@@ -32,6 +33,7 @@ mockedAxios.mockResolvedValue(data);
 const defaultProps = mock<IImageFieldProps>();
 
 const initialStore = {
+  ...defaultStore,
   gallery: {
     data: {
       items: [],

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

@@ -23,7 +23,27 @@ jest.mock("axios");
 const mockedAxios = axios as jest.MockedFunction<typeof axios>;
 
 const defaultProps = mock<IIntegrationsFieldProps>();
-defaultProps.site.id = 86;
+defaultProps.site = {
+  id: 86,
+  name: "Site 1",
+  theme: "default-theme",
+  author: "",
+  pages: [],
+  updated: true,
+  home: "//cx.dev.griddo.io/pre-griddo/componentfolder",
+  isPublished: false,
+  bigAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_10",
+  favicon: "https://images.dev.griddo.io/by-themascot-1920_2",
+  published: "2021-11-03T10:42:32.000Z",
+  smallAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_9",
+  thumbnail: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_7",
+  timezone: "Pacific/Pago_Pago",
+  lastAccess: "2022-09-05T07:34:19.000Z",
+  navigationModules: null,
+  defaultLanguage: 1,
+  path: "",
+  domain: 1,
+};
 
 const initialStore = {
   dataPacks: { activated: [] },
@@ -146,6 +166,28 @@ const initialStore = {
     totalItems: 3,
     integrationCopy: null,
   },
+  users: {
+    currentUser: {
+      company: "",
+      dateCreated: null,
+      description: "",
+      email: "bot@secuoyas.com",
+      enabled: true,
+      failed: 0,
+      id: 4,
+      image: null,
+      name: "Bot",
+      status: "active",
+      timezone: null,
+      username: "Griddo Bot",
+      isSuperAdmin: true,
+      roles: [
+        { siteId: "global", roles: [1] },
+        { siteId: "all", roles: [1] },
+      ],
+    },
+    currentPermissions: [],
+  },
 };
 
 describe("IntegrationsField component rendering", () => {
@@ -272,7 +314,7 @@ describe("Events", () => {
     const buttonsDefault = screen.getAllByTestId("button-default");
     fireEvent.click(buttonsDefault[4]);
 
-    const integrationsWithDeletion = initialStore.integrations.integrations.slice(0,3);
+    const integrationsWithDeletion = initialStore.integrations.integrations.slice(0, 3);
 
     expect(onChange).toHaveBeenLastCalledWith(integrationsWithDeletion);
   });

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

@@ -109,7 +109,6 @@ describe("Tooltip events triggering", () => {
 
     const tooltipComponent = screen.getByTestId("tooltip-component");
     const tipComponent = screen.queryByText("content");
-    const iconComponent = screen.getByTestId("icon-component");
 
     defaultProps.hideOnClick = true;
     rerender(

package/src/__tests__/components/Gallery/Gallery.test.tsx

@@ -14,6 +14,7 @@ import globalTheme from "@ax/themes/theme.json";
 import { IGetSiteImages, ISite } from "@ax/types";
 import * as galleryUtils from "@ax/components/Gallery/utils";
 import * as galleryHooks from "@ax/components/Gallery/hooks";
+import { defaultStore } from "./../../../__mocks__/store/GenericStore";
 
 afterEach(() => {
   cleanup();
@@ -103,6 +104,7 @@ const initialStore = {
     isError: false,
     errorMsg: "error",
   },
+  ...defaultStore,
 };
 
 const middlewares: any = [thunk];
@@ -303,6 +305,7 @@ describe("Gallery component rendering", () => {
         isError: false,
         errorMsg: "error",
       },
+      ...defaultStore,
     };
 
     defaultGalleryProps.data = defaultDataProps;
@@ -421,6 +424,7 @@ describe("Gallery component rendering", () => {
         isError: false,
         errorMsg: "error",
       },
+      ...defaultStore,
     };
 
     const dataProps = {