@griddo/ax 10.1.96 → 10.2.0

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

@@ -13,6 +13,7 @@ import { history } from "@ax/routes";
 import GalleryDetailPanel, { IDetailPanelProps, IDispatchProps } from "@ax/components/Gallery/GalleryPanel/DetailPanel";
 import globalTheme from "@ax/themes/theme.json";
 import { IImage, IImageForm } from "@ax/types";
+import { defaultStore } from "./../../../../../__mocks__/store/GenericStore";
 
 // for testing copy to clipboard
 Object.assign(navigator, {
@@ -40,6 +41,7 @@ jest.useFakeTimers();
 describe("Gallery component rendering", () => {
   it("should render the component", () => {
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -91,6 +93,7 @@ describe("Gallery component rendering", () => {
 
   it("should render the component with ing options in buttons", () => {
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: true,
@@ -148,6 +151,7 @@ describe("Gallery component rendering", () => {
     mockedAxios.mockResolvedValue(responsePromise);
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -221,6 +225,7 @@ describe("Gallery component rendering", () => {
     mockedAxios.mockResolvedValue(responsePromise);
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -289,6 +294,7 @@ describe("Gallery component rendering", () => {
     mockedAxios.mockRejectedValue(responsePromise);
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -356,6 +362,7 @@ describe("Gallery component rendering", () => {
     mockedAxios.mockResolvedValue(responsePromise);
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -423,6 +430,7 @@ describe("Gallery component rendering", () => {
     mockedAxios.mockResolvedValue(responsePromise);
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -489,6 +497,7 @@ describe("Gallery component rendering", () => {
     mockedAxios.mockResolvedValue(responsePromise);
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -553,6 +562,7 @@ describe("Gallery component rendering", () => {
     mockedAxios.mockResolvedValue(responsePromise);
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -609,6 +619,7 @@ describe("Gallery component rendering", () => {
 
   it("should render the AddToGlobal", async () => {
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -661,6 +672,7 @@ describe("Gallery component rendering", () => {
     jest.spyOn(navigator.clipboard, "writeText");
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -720,6 +732,7 @@ describe("Gallery component rendering", () => {
     window.open = jest.fn();
 
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,
@@ -775,6 +788,7 @@ describe("Gallery component rendering", () => {
 
   it("should call the onChange of the FieldBehaviors", () => {
     const initialStore = {
+      ...defaultStore,
       gallery: {
         isSaving: {
           save: false,

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

@@ -10,6 +10,7 @@ import thunk from "redux-thunk";
 import { parseTheme } from "@ax/helpers";
 import GalleryPanel, { IGalleryPanelProps } from "@ax/components/Gallery/GalleryPanel";
 import globalTheme from "@ax/themes/theme.json";
+import { defaultStore } from "./../../../../__mocks__/store/GenericStore";
 
 afterEach(() => {
   cleanup();
@@ -39,7 +40,7 @@ describe("GalleryPanel component rendering", () => {
         },
       },
     };
-    const store = mockStore(initialStore);
+    const store = mockStore({ ...defaultStore, ...initialStore });
 
     render(
       <ThemeProvider theme={parseTheme(globalTheme)}>

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

@@ -29,7 +29,7 @@ describe("List component rendering", () => {
     const wrapperList = screen.getByTestId("list-item");
     expect(wrapperList).toBeTruthy();
 
-    const icon = screen.getByTestId("icon-component");
+    const icon = screen.getByTestId("icon-component-done");
     expect(icon).toBeTruthy();
   });
 
@@ -45,7 +45,7 @@ describe("List component rendering", () => {
     const wrapperList = screen.getByTestId("list-item");
     expect(wrapperList).toBeTruthy();
 
-    const icon = screen.queryByTestId("icon-component");
+    const icon = screen.queryByTestId("icon-component-done");
     expect(icon).not.toBeTruthy();
   });
 
@@ -61,7 +61,7 @@ describe("List component rendering", () => {
     const wrapperList = screen.getByTestId("list-item");
     expect(wrapperList).toBeTruthy();
 
-    const icon = screen.queryByTestId("icon-component");
+    const icon = screen.queryByTestId("icon-component-done");
     expect(icon).not.toBeTruthy();
 
     fireEvent.click(wrapperList);

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

@@ -204,7 +204,7 @@ describe("Login component events", () => {
     expect(input).toBeTruthy();
     expect(input).toHaveAttribute("type", "password");
 
-    const button = screen.getByTestId("icon-component");
+    const button = screen.getByTestId("icon-component-view");
     expect(button).toBeTruthy();
     fireEvent.click(button);
 

package/src/__tests__/components/TableFilters/DateFilter/DateFilter.test.tsx

@@ -71,7 +71,7 @@ describe("DateFilter component rendering", () => {
       </ThemeProvider>
     );
 
-    const arrowIcon = screen.getByTestId("icon-component");
+    const arrowIcon = screen.getByTestId("icon-component-fullarrowup");
     expect(arrowIcon).toBeTruthy();
   });
 });

package/src/__tests__/components/TableFilters/NameFilter/NameFilter.test.tsx

@@ -117,7 +117,7 @@ describe("NameFilter component rendering", () => {
       </ThemeProvider>
     );
 
-    const arrowIcon = screen.getByTestId("icon-component");
+    const arrowIcon = screen.getByTestId("icon-component-fullarrowup");
     expect(arrowIcon).toBeTruthy();
   });
 });

package/src/__tests__/components/TableFilters/RoleFilter/RoleFilter.test.tsx

@@ -0,0 +1,165 @@
+import * as React from "react";
+
+import { ThemeProvider } from "styled-components";
+import { CalledWithMock, mock } from "jest-mock-extended";
+import { render, screen, cleanup, fireEvent } from "@testing-library/react";
+
+import RoleFilter, { IRoleFilterProps } from "@ax/components/TableFilters/RoleFilter";
+import globalTheme from "@ax/themes/theme.json";
+import { parseTheme } from "@ax/helpers";
+
+afterEach(cleanup);
+
+const defaultProps = mock<IRoleFilterProps>();
+describe("RoleFilter component rendering", () => {
+  it("should render role filter", () => {
+    defaultProps.filters = [
+      {
+        name: "all",
+        value: "all",
+        title: "All",
+      },
+      {
+        name: "1",
+        value: "1",
+        title: "Administrator",
+      },
+      {
+        name: "2",
+        value: "2",
+        title: "Editor",
+      },
+    ];
+    defaultProps.pointer = "filterRoles";
+    defaultProps.filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: string]>;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <RoleFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const typeFilter = screen.getByTestId("floating-menu");
+    expect(typeFilter).toBeTruthy();
+    expect(typeFilter.textContent).toEqual("Roles");
+  });
+});
+
+describe("RoleFilter events", () => {
+  it("should render check group on click", () => {
+    defaultProps.filters = [
+      {
+        name: "all",
+        value: "all",
+        title: "All",
+      },
+      {
+        name: "1",
+        value: "1",
+        title: "Administrator",
+      },
+      {
+        name: "2",
+        value: "2",
+        title: "Editor",
+      },
+    ];
+    defaultProps.pointer = "filterRoles";
+    defaultProps.filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: string]>;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <RoleFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const roleFilterButton = screen.getByTestId("floating-menu-button");
+    expect(roleFilterButton).toBeTruthy();
+    fireEvent.click(roleFilterButton);
+    const floatingMenu = screen.getByTestId("floating-menu");
+    expect(floatingMenu).toBeTruthy();
+    const checkGroupFieldGroup = screen.getByTestId("check-group-field-group");
+    expect(checkGroupFieldGroup).toBeTruthy();
+    const checkFieldLabels = screen.getAllByTestId("check-field-label");
+    expect(checkFieldLabels).toHaveLength(3);
+  });
+
+  it("should check option on click", () => {
+    defaultProps.filters = [
+      {
+        name: "all",
+        value: "all",
+        title: "All",
+      },
+      {
+        name: "1",
+        value: "1",
+        title: "Administrator",
+      },
+      {
+        name: "2",
+        value: "2",
+        title: "Editor",
+      },
+    ];
+    defaultProps.pointer = "filterRoles";
+    const onChangeMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: string]>;
+    defaultProps.filterItems = onChangeMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <RoleFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const roleFilterButton = screen.getByTestId("floating-menu-button");
+    expect(roleFilterButton).toBeTruthy();
+    fireEvent.click(roleFilterButton);
+    const floatingMenu = screen.getByTestId("floating-menu");
+    expect(floatingMenu).toBeTruthy();
+    const checkGroupFieldGroup = screen.getByTestId("check-group-field-group");
+    expect(checkGroupFieldGroup).toBeTruthy();
+    const checkFieldInputs = screen.getAllByTestId<HTMLInputElement>("check-field-input");
+    expect(checkFieldInputs).toHaveLength(3);
+    fireEvent.change(checkFieldInputs[1], { target: { checked: true, value: "1" } });
+    expect(checkFieldInputs[1].checked).toBe(true);
+  });
+
+  it("should call filterItems action on change", async () => {
+    defaultProps.filters = [
+      {
+        name: "all",
+        value: "all",
+        title: "All",
+      },
+      {
+        name: "1",
+        value: "1",
+        title: "Administrator",
+      },
+      {
+        name: "2",
+        value: "2",
+        title: "Editor",
+      },
+    ];
+    defaultProps.pointer = "filterRoles";
+    const onChangeMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: string]>;
+    defaultProps.filterItems = onChangeMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <RoleFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const roleFilterButton = screen.getByTestId("floating-menu-button");
+
+    expect(roleFilterButton).toBeTruthy();
+    fireEvent.click(roleFilterButton);
+    const checkFieldInputs = screen.queryAllByTestId("check-field-input");
+    fireEvent.click(checkFieldInputs[1]);
+    expect(onChangeMock).toHaveBeenCalledTimes(1);
+    expect(onChangeMock).toBeCalledWith("filterRoles", "1");
+  });
+});

package/src/__tests__/components/TableFilters/StatusFilter/StatusFilter.test.tsx

@@ -46,7 +46,7 @@ describe("StatusFilter component rendering", () => {
     expect(interactiveArrow).toBeTruthy();
   });
 
-  it("should render FullArrowUp icon if is filtered by most recent", () => {
+  it("should render FullArrowDown icon if is filtered by most recent", () => {
     const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: string, isAscendent: boolean]> &
       ((orderPointer: string, isAscendent: boolean) => any);
     defaultProps.sortedState = { isAscending: false, sortedByDate: true, sortedByTitle: false, sortedByURL: false };
@@ -59,7 +59,7 @@ describe("StatusFilter component rendering", () => {
       </ThemeProvider>
     );
 
-    const arrowIcon = screen.getByTestId("icon-component");
+    const arrowIcon = screen.getByTestId("icon-component-fullarrowdown");
     expect(arrowIcon).toBeTruthy();
   });
 });

package/src/__tests__/components/TableFilters/UsersFilter/UsersFilter.test.tsx

@@ -0,0 +1,153 @@
+import * as React from "react";
+
+import { ThemeProvider } from "styled-components";
+import { CalledWithMock, 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 UsersFilter, { IUsersFilterProps } from "@ax/components/TableFilters/UsersFilter";
+
+afterEach(cleanup);
+const defaultProps = mock<IUsersFilterProps>();
+describe("UsersFilter component rendering", () => {
+  it("should render users filter", () => {
+    const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: string, isAscendent: boolean]> &
+      ((orderPointer: string, isAscendent: boolean) => any);
+    defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
+
+    defaultProps.sortItems = onClickMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <UsersFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const usersFilter = screen.getByTestId("users-filter-header");
+    expect(usersFilter).toBeTruthy();
+    expect(usersFilter.textContent).toEqual("Users");
+  });
+
+  it("should render interactive arrow if not filter selected", () => {
+    const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: string, isAscendent: boolean]> &
+      ((orderPointer: string, isAscendent: boolean) => any);
+    defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: false };
+    defaultProps.sortItems = onClickMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <UsersFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const interactiveArrow = screen.getByTestId("users-filter-interactive-arrow");
+    expect(interactiveArrow).toBeTruthy();
+  });
+
+  it("should not render interactive arrow if filter selected", () => {
+    const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: string, isAscendent: boolean]> &
+      ((orderPointer: string, isAscendent: boolean) => any);
+    defaultProps.sortedState = { isAscending: false, sortedByTitle: false, sortedByUsers: true };
+    defaultProps.sortItems = onClickMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <UsersFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const interactiveArrow = screen.queryByTestId("users-filter-interactive-arrow");
+    expect(interactiveArrow).toBeFalsy();
+  });
+
+  it("should render FullArrowUp icon if is filtered by ascending users", () => {
+    const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: string, isAscendent: boolean]> &
+      ((orderPointer: string, isAscendent: boolean) => any);
+    defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
+    defaultProps.sortItems = onClickMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <UsersFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const arrowIcon = screen.getByTestId("icon-component-fullarrowup");
+    expect(arrowIcon).toBeTruthy();
+  });
+});
+
+describe("UsersFilter events", () => {
+  it("should render check group on click", () => {
+    const onClickMock = jest.fn();
+    defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
+    defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: string, isAscendent: boolean]> &
+      ((orderPointer: string, isAscendent: boolean) => any);
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <UsersFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const usersFilterButton = screen.getByTestId("floating-menu-button");
+    expect(usersFilterButton).toBeTruthy();
+    fireEvent.click(usersFilterButton);
+    const floatingMenu = screen.getByTestId("floating-menu");
+    expect(floatingMenu).toBeTruthy();
+    const listItems = screen.getAllByTestId("list-item");
+    expect(listItems).toHaveLength(2);
+    expect(listItems[0].textContent).toEqual("Ascendent");
+    expect(listItems[1].textContent).toEqual("Descendent");
+  });
+
+  it("should call filterItems with isAscending on click 'Ascendent' option", async () => {
+    const onClickMock = jest.fn();
+    defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
+    defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: string, isAscendent: boolean]> &
+      ((orderPointer: string, isAscendent: boolean) => any);
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <UsersFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const usersFilterButton = screen.getByTestId("floating-menu-button");
+
+    expect(usersFilterButton).toBeTruthy();
+    fireEvent.click(usersFilterButton);
+    const listItems = screen.getAllByTestId("list-item");
+
+    fireEvent.click(listItems[0]);
+    expect(onClickMock).toHaveBeenCalledTimes(1);
+    const isAscending = true;
+    expect(onClickMock).toBeCalledWith("users", isAscending);
+  });
+
+  it("should call filterItems with isAscending false on click 'Descendent' option", async () => {
+    const onClickMock = jest.fn();
+    defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
+    defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: string, isAscendent: boolean]> &
+      ((orderPointer: string, isAscendent: boolean) => any);
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <UsersFilter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const usersFilterButton = screen.getByTestId("floating-menu-button");
+
+    expect(usersFilterButton).toBeTruthy();
+    fireEvent.click(usersFilterButton);
+    const listItems = screen.getAllByTestId("list-item");
+
+    fireEvent.click(listItems[1]);
+    expect(onClickMock).toHaveBeenCalledTimes(1);
+    const isAscending = false;
+    expect(onClickMock).toBeCalledWith("users", isAscending);
+  });
+});

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

@@ -141,7 +141,7 @@ describe("Tabs component rendering", () => {
     const tooltips = screen.getAllByTestId("tooltip-component");
     expect(tooltips[0]).toBeTruthy();
     expect(tooltips[1]).toBeTruthy();
-    const tooltipIcons = screen.getAllByTestId("icon-component");
+    const tooltipIcons = screen.getAllByTestId("icon-component-view");
     expect(tooltipIcons.length).toEqual(1);
   });
 });

package/src/__tests__/modules/Settings/Integrations/Integrations.test.tsx

@@ -24,6 +24,9 @@ describe("Component rendering", () => {
       },
       app: { isLoading: false },
       sites: { currentSiteInfo: { id: 85 } },
+      users: {
+        currentPermissions: [],
+      },
     };
 
     const middlewares: any = [thunk];
@@ -143,6 +146,9 @@ describe("Component rendering", () => {
       },
       app: { isLoading: false },
       sites: { currentSiteInfo: { id: 85 } },
+      users: {
+        currentPermissions: [],
+      },
     };
 
     const middlewares: any = [thunk];

package/src/__tests__/modules/Sites/Sites.test.tsx

@@ -10,8 +10,9 @@ import { Router } from "react-router-dom";
 
 import { history } from "@ax/routes";
 import globalTheme from "@ax/themes/theme.json";
+import Sites, { ISitesProps } from "@ax/modules/Sites";
+
 import { render, cleanup, screen, act } from "../../../../config/jest/test-utils";
-import Sites, { ISitesProps } from "./../../../modules/Sites";
 import { sitesDataMock, userDataMock } from "./../../../__mocks__/store/SitesList";
 import { sitesResponse, structuredDataResponse } from "./../../../__mocks__/axios/SitesList";
 

package/src/__tests__/modules/Sites/SitesList/ListView/BulkHeader/BulkHeader.test.tsx

@@ -1,18 +1,25 @@
 import React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { render, screen, cleanup, act } from "@testing-library/react";
+import { screen, cleanup, act } from "@testing-library/react";
+import { render } from "../../../../../../../config/jest/test-utils";
 import "@testing-library/jest-dom";
 import { mock } from "jest-mock-extended";
+import configureStore from "redux-mock-store";
+import thunk from "redux-thunk";
 
 import { parseTheme } from "@ax/helpers";
-
-import BulkHeader, { IBulkHeaderProps } from "./../../../../../../modules/Sites/SitesList/ListView/BulkHeader";
+import BulkHeader, { IBulkHeaderProps } from "@ax/modules/Sites/SitesList/ListView/BulkHeader";
+import { defaultStore } from "./../../../../../../__mocks__/store/GenericStore";
 
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);
 
+const middlewares: any = [thunk];
+const mockStore = configureStore(middlewares);
+const store = mockStore(defaultStore);
+
 const defaultProps = mock<IBulkHeaderProps>();
 
 describe("BulkHeader component rendering", () => {
@@ -27,7 +34,8 @@ describe("BulkHeader component rendering", () => {
       render(
         <ThemeProvider theme={parseTheme(globalTheme)}>
           <BulkHeader {...defaultProps} />
-        </ThemeProvider>
+        </ThemeProvider>,
+        { store }
       );
     });
 
@@ -42,7 +50,8 @@ describe("BulkHeader component rendering", () => {
       render(
         <ThemeProvider theme={parseTheme(globalTheme)}>
           <BulkHeader {...defaultProps} />
-        </ThemeProvider>
+        </ThemeProvider>,
+        { store }
       );
     });
 

package/src/__tests__/modules/Sites/SitesList/SitesList.test.tsx

@@ -11,6 +11,7 @@ import { parseTheme } from "@ax/helpers";
 import { history } from "@ax/routes";
 import globalTheme from "@ax/themes/theme.json";
 import { IGetSitesParams, ISettingsForm } from "@ax/types";
+import SitesList, { ISitesListProps } from "@ax/modules/Sites/SitesList";
 
 import { render, cleanup, screen, fireEvent, act, waitFor } from "./../../../../../config/jest/test-utils";
 
@@ -19,7 +20,6 @@ import { sitesResponse } from "./../../../../__mocks__/axios/SitesList";
 import { sitesResponseDataPack } from "./../../../../__mocks__/axios/SitesListDataPack";
 import { sitesResponseCategories } from "./../../../../__mocks__/axios/SitesListCategories";
 import { sitesOptions } from "./../../../../__mocks__/axios/SitesListOptions";
-import SitesList, { ISitesListProps } from "./../../../../modules/Sites/SitesList";
 
 afterEach(cleanup);
 
@@ -146,7 +146,7 @@ describe("Sites module rendering", () => {
         token: "eyJhbGciOiJIUzI",
       },
       users: userDataMock,
-      sites: { totalItems: 2, sites: sitesDataMock.sites, recentSites: [], config: sitesDataMock.config, },
+      sites: { totalItems: 2, sites: sitesDataMock.sites, recentSites: [], config: sitesDataMock.config },
     };
 
     const middlewares: any = [thunk];
@@ -502,7 +502,7 @@ describe("Sites module events", () => {
     );
 
     await act(async () => {
-      await render(Component, { store });
+      render(Component, { store });
     });
 
     const gridIconAction = screen.getByTestId("icon-action-Grid2");
@@ -597,7 +597,9 @@ describe("Sites module events", () => {
 
     expect(gridSiteItems.length).toEqual(2);
 
-    fireEvent.click(gridSiteItems[0]);
+    await act(async () => {
+      fireEvent.click(gridSiteItems[0]);
+    });
 
     expect(history.location.pathname).toEqual("/sites/pages");
   });