@blaze-cms/react-page-builder 0.127.0 → 0.128.0-admin-updates.3

package/tests/unit/src/HOC/withInfiniteScroll.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/HOC/withTitle.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { shallow } from 'enzyme';
@@ -20,14 +23,14 @@ describe('withTitle HOC', () => {
     const [firstChild, secondChild] = children;
 
     expect(firstChild).toBe('');
-    expect(secondChild).toMatchObject(<MockComponent />);
+    expect(secondChild.type).toBe(MockComponent);
 
     const titleProp = 'test title';
     const wrapperWithTitle = shallow(<WrappedComponent elementTitle={titleProp} />);
     const [, secondChildWithTitle] = wrapperWithTitle.prop('children');
 
     expect(wrapperWithTitle.text()).toContain(titleProp);
-    expect(secondChildWithTitle).toMatchObject(<MockComponent />);
+    expect(secondChildWithTitle.type).toBe(MockComponent);
   });
 
   it('should not display h2 if elementTitle is empty', () => {

package/tests/unit/src/Layout/Layout.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import {
   getMockedProvider,
@@ -24,12 +27,11 @@ describe('Layout component', () => {
       data: {}
     })));
 
-  beforeEach(async done => {
+  beforeEach(async () => {
     component = await getMockedProvider(Layout, {
       props: mockedProps
     });
     testInstance = component.root;
-    done();
   });
 
   afterEach(() => component.unmount());

package/tests/unit/src/Layout/getMockedProps.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 
 export default function getMockedProps(overrides) {

package/tests/unit/src/Layout/helpers/check-if-row-has-columns.test.js

@@ -1,6 +1,9 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
-import { checkIfRowHasColumns } from '../../../../../src/components/Layout/helpers';
+import checkIfRowHasColumns from '../../../../../src/components/Layout/helpers/check-if-row-has-columns';
 import { ROW, COLUMN } from '../../../../../src/components/Layout/constants';
 
 describe('checkIfRowHasColumns function', () => {

package/tests/unit/src/Layout/helpers/get-styles-to-update.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getStylesToUpdate } from '../../../../../src/components/Layout/helpers';
+import getStylesToUpdate from '../../../../../src/components/Layout/helpers/get-styles-to-update';
 
 describe('getStylesToUpdate function', () => {
   it('should be defined', () => {

package/tests/unit/src/Layout/helpers/has-children.test.js

@@ -1,6 +1,9 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
-import { hasChildren } from '../../../../../src/helpers';
+import hasChildren from '../../../../../src/helpers/has-children';
 
 describe('hasChildren function', () => {
   it('should be defined', () => {

package/tests/unit/src/components/BackToTop/BackToTop.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import BackToTop from '../../../../../src/components/BackToTop';

package/tests/unit/src/components/Banner/AdSlotRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { render, fireEvent, waitFor } from '@testing-library/react';

package/tests/unit/src/components/Banner/Banner.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Banner from '../../../../../src/components/Banner/Banner';

package/tests/unit/src/components/Banner/BannerRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';

package/tests/unit/src/components/BlazeLink.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render, waitFor, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/components/Breadcrumb/Breadcrumb.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { render as RenderComponent } from '@testing-library/react';

package/tests/unit/src/components/Button.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { act, render, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/components/Card/Card.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render as _render, act, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
@@ -51,7 +54,10 @@ const componentProps = {
   displayThumbnail: true,
   displayTitle: true,
   propsToDisplay,
-  parsedPropsToDisplay: [firstPropToDisplay, secondPropToDisplay]
+  parsedPropsToDisplay: [firstPropToDisplay, secondPropToDisplay],
+  graphqlEntityMap: {
+    PublishedPage: 'page'
+  }
 };
 
 const preHeaderName = 'Pre header';

package/tests/unit/src/components/Card/CardContainer.test.js

@@ -1,7 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
 import { render, act, waitFor } from '@testing-library/react';
+
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
-import CardContainer from '../../../../../src/components/Card/CardContainer';
+import CardsContainer from '../../../../../src/components/Card/CardsContainer';
 import { cardDataMockedOptions } from './mockData';
 
 // eslint-disable-next-line react/prop-types
@@ -10,7 +14,7 @@ jest.mock('../../../../../src/components/LazyImage', () => () => null);
 const renderComponent = async props => {
   let renderResults;
 
-  const component = <CardContainer {...props} />;
+  const component = <CardsContainer {...props} />;
 
   await act(async () => {
     renderResults = render(component);
@@ -21,27 +25,34 @@ const renderComponent = async props => {
   };
 };
 
-describe('CardContainer component', () => {
+describe('CardsContainer component', () => {
   it('should render without throwing error and match snapshot', async () => {
-    const { asFragment } = await renderComponent({ ...cardDataMockedOptions });
+    const { asFragment } = await renderComponent({
+      ...cardDataMockedOptions,
+      graphqlEntityMap: {
+        PublishedPage: 'page'
+      }
+    });
 
     await waitFor(() => {
       expect(asFragment()).toBeDefined();
     });
-
     expect(asFragment()).toMatchSnapshot();
   });
 
   it('should render with carousel if option is enabled', async () => {
     const { asFragment } = await renderComponent({
       ...cardDataMockedOptions,
-      enableCarousel: true
+      enableCarousel: true,
+      graphqlEntityMap: {
+        PublishedPage: 'page'
+      },
+      PublishedPage: 'page'
     });
 
     await waitFor(() => {
       expect(asFragment()).toBeDefined();
     });
-
     expect(asFragment()).toMatchSnapshot();
   });
 });

package/tests/unit/src/components/Card/__snapshots__/CardContainer.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`CardContainer component should render with carousel if option is enabled 1`] = `
+exports[`CardsContainer component should render with carousel if option is enabled 1`] = `
 <DocumentFragment>
   <div
     class="cards-carousel"
@@ -93,7 +93,7 @@ exports[`CardContainer component should render with carousel if option is enable
 </DocumentFragment>
 `;
 
-exports[`CardContainer component should render without throwing error and match snapshot 1`] = `
+exports[`CardsContainer component should render without throwing error and match snapshot 1`] = `
 <DocumentFragment>
   <div
     autoscrolltimer="0"

package/tests/unit/src/components/Card/helpers/append-images.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { appendImages } from '../../../../../../src/helpers';
+import appendImages from '../../../../../../src/helpers/append-images';
 
 const cardIds = ['card-1', 'card-2', 'card-3'];
 const imageIds = ['image-1', 'image-2', 'image-3'];

package/tests/unit/src/components/Card/helpers/get-dynamic-grid-classes.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getDynamicGridClasses } from '../../../../../../src/components/Card/helpers';
+import getDynamicGridClasses from '../../../../../../src/components/Card/helpers/get-dynamic-grid-classes';
 
 const mockedProps = {
   global: {

package/tests/unit/src/components/Card/helpers/getPublishedListingUrl.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getPublishedListingUrl } from '../../../../../../src/components/Card/helpers';
+import getPublishedListingUrl from '../../../../../../src/components/Card/helpers/get-published-listing-url';
 
 const mockedUrl = {
   publishedListingPage: { url: 'www.listing.test.com' }

package/tests/unit/src/components/Card/helpers/useDynamicSizeKey.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { useDynamicSizeKey } from '../../../../../../src/components/Card/helpers';
+import useDynamicSizeKey from '../../../../../../src/components/Card/helpers/use-dynamic-size-key';
 
 describe('useDynamicSizeKey helper function', () => {
   it('should return dynamicSizeKey string based on props passed', () => {

package/tests/unit/src/components/Card/mockData.js

@@ -3,7 +3,6 @@ const cardDataMockedOptions = {
     {
       name: 'Swan 78',
       url: '/nautors-swan/swan-78',
-      category: null,
       image: {
         url:
           'https://cdn-events.boatinternational.com/files/2020/04/2506afd0-879a-11ea-aab3-6d01477a82d7-180807_esk_0267.jpg',
@@ -18,13 +17,12 @@ const cardDataMockedOptions = {
         length_overall: 23.99,
         passengers_max: 8
       },
-      __typename: 'PublishedYachtPage',
-      id: '486f02d0-8711-11ea-a8ad-a55ca1488c41'
+      id: '486f02d0-8711-11ea-a8ad-a55ca1488c41',
+      __typename: 'PublishedPage'
     },
     {
       name: 'Swan 98',
       url: '/nautors-swan/swan-98',
-      category: null,
       arrowSize: 14,
       image: {
         url:
@@ -34,11 +32,106 @@ const cardDataMockedOptions = {
           caption: ''
         }
       },
-      id: '486f02d0-8711-11ea-a8ad-a55ca1488c42'
+      id: '486f02d0-8711-11ea-a8ad-a55ca1488c42',
+      __typename: 'PublishedPage'
     }
   ],
   entity: 'page',
   id: '6655f420-856d-11ea-8771-d917cf132531'
 };
 
-export { cardDataMockedOptions };
+const mockWIthMultiEntities = [
+  {
+    __typename: 'PublishedPage',
+    id: 'd9a5a910-bcf7-11ed-97d4-1fc63dd2ad75',
+    name: 'list-multi-ent',
+    alternativePreHeader: {
+      __typename: 'ContentContentBaseInterfaceAlternativePreHeader',
+      name: null
+    },
+    alternativeHeadline: '',
+    url: '/list-multi-ent',
+    category: null,
+    image: null
+  },
+  {
+    __typename: 'PublishedPage',
+    id: '81f6d3e0-b696-11ed-9188-ffac2ee9f317',
+    name: 'group-tabs',
+    alternativePreHeader: {
+      __typename: 'ContentContentBaseInterfaceAlternativePreHeader',
+      name: null
+    },
+    alternativeHeadline: '',
+    url: '/group-tabs',
+    category: null,
+    image: null
+  },
+  {
+    __typename: 'PublishedDocument',
+    id: '45584ba0-bccf-11ed-b1be-47f4c3efc9aa',
+    name: 'doc test',
+    alternativePreHeader: {
+      __typename: 'ContentContentBaseInterfaceAlternativePreHeader',
+      name: null
+    },
+    alternativeHeadline: '',
+    url: 'doc-test-url',
+    category: null,
+    image: null
+  },
+  {
+    __typename: 'PublishedPage',
+    id: 'b7511660-a78f-11ed-949b-751e9be39127',
+    name: 'list banner repeat',
+    alternativePreHeader: {
+      __typename: 'ContentContentBaseInterfaceAlternativePreHeader',
+      name: null
+    },
+    alternativeHeadline: '',
+    url: '/list-banner-repeat',
+    category: null,
+    image: null
+  },
+  {
+    __typename: 'PublishedPage',
+    id: '8a83a340-77a7-11ed-a36d-afb252f548e4',
+    name: 'About us',
+    alternativePreHeader: {
+      __typename: 'ContentContentBaseInterfaceAlternativePreHeader',
+      name: null
+    },
+    alternativeHeadline: '',
+    url: '/about-us',
+    category: null,
+    image: null
+  },
+  {
+    __typename: 'PublishedPage',
+    id: '6a04d2a0-b80d-11ed-b6bf-997b90ca8de2',
+    name: 'list single entity',
+    alternativePreHeader: {
+      __typename: 'ContentContentBaseInterfaceAlternativePreHeader',
+      name: null
+    },
+    alternativeHeadline: '',
+    url: '/list-single-entity',
+    category: null,
+    image: null
+  },
+  {
+    __typename: 'PublishedPage',
+    id: '9b6d0040-bd87-11ed-b22d-c73623da7c56',
+    name: 'card repetition test',
+    alternativePreHeader: {
+      __typename: 'ContentContentBaseInterfaceAlternativePreHeader',
+      name: null
+    },
+    alternativeHeadline: '',
+    url: '/card-repe-test',
+    category: null,
+    image: null
+  }
+];
+
+export { cardDataMockedOptions, mockWIthMultiEntities };

package/tests/unit/src/components/Carousel/Carousel.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';

package/tests/unit/src/components/Carousel/CarouselImage/CarouselImage.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { getMockedProvider } from '@blaze-cms/tools/test-helpers/test-functions';
@@ -15,12 +18,11 @@ describe('Carousel image component', () => {
   const mockedProps = getMockedProps();
   let component;
 
-  beforeEach(async done => {
+  beforeEach(async () => {
     component = await getMockedProvider(CarouselImage, {
       mocks: MOCK_WITH_DATA,
       props: mockedProps
     });
-    done();
   });
 
   afterEach(() => component.unmount());

package/tests/unit/src/components/Carousel/CarouselRender/CarouselRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { shallow } from 'enzyme';

package/tests/unit/src/components/CarouselWrapper.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/components/ClickWrapper.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/components/Code/Code.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Code from '../../../../../src/components/Code/Code';

package/tests/unit/src/components/Code/ScriptTag.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import parseHTML from 'html-react-parser';
 

package/tests/unit/src/components/Code/helpers/wrap-script-tags.test.js

@@ -1,5 +1,5 @@
 import parseHTML from 'html-react-parser';
-import { wrapScriptTags } from '../../../../../../src/components/Code/helpers';
+import wrapScriptTags from '../../../../../../src/components/Code/helpers/wrap-script-tags';
 import ScriptTag from '../../../../../../src/components/Code/ScriptTag';
 
 describe('wrapScriptTags helper', () => {

package/tests/unit/src/components/Code.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Code from '../../../../src/components/Code';
 

package/tests/unit/src/components/ContentGroup/ContentGroup.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import ContentGroup from '../../../../../src/components/ContentGroup/ContentGroup';
 

package/tests/unit/src/components/ContentGroup/ContentGroupTabs.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import ContentGroupTabs from '../../../../../src/components/ContentGroup/ContentGroupTabs';

package/tests/unit/src/components/ContentGroup/helpers/get-active-tab.test.js

@@ -1,12 +1,21 @@
 import getActiveTab from '../../../../../../src/components/ContentGroup/helpers/get-active-tab';
 
-const mockedSectionsData = [['sectionname', 'section label'], ['sectionname2', 'anothersection']];
+const mockedSectionsData = [
+  ['sectionname', 'section label'],
+  ['sectionname2', 'anothersection'],
+  ['content%20group%20section-2', 'cgs2']
+];
 
 describe('getActiveTab helper', () => {
   it('should return url hash if present and it matches one of the tabs', () => {
     const match = getActiveTab(mockedSectionsData, 'www.someurl.com/page1#sectionname2');
+    const matchWithSpaces = getActiveTab(
+      mockedSectionsData,
+      'group-tabs?_h=1677500587273#content%20group%20section-2'
+    );
 
     expect(match).toEqual('tab-sectionname2');
+    expect(matchWithSpaces).toEqual('tab-content%20group%20section-2');
   });
 
   it('should return first tab otherwise', () => {

package/tests/unit/src/components/ContentGroup/helpers/get-sections-data.test.js

@@ -5,10 +5,26 @@ const mockedSections = [
   { props: { component: { settings: { label: 'labelTwo', name: 'nameTwo' } } } }
 ];
 
+const mockedSectionsWithSpaces = [
+  { props: { component: { settings: { label: 'label onne', name: 'name one' } } } },
+  { props: { component: { settings: { label: 'label Two', name: 'name Two' } } } },
+  { props: { component: { settings: { label: 'label three 3 three', name: 'name three 3' } } } }
+];
+
 describe('getSectionsData helper', () => {
   it('should return section name and label', () => {
     const match = getSectionsData(mockedSections);
 
     expect(match).toEqual([['nameone', 'labelonne'], ['nameTwo', 'labelTwo']]);
   });
+
+  it('should return section name and label propertly formated when spaces are present', () => {
+    const match = getSectionsData(mockedSectionsWithSpaces);
+
+    expect(match).toEqual([
+      ['name%20one', 'label onne'],
+      ['name%20Two', 'label Two'],
+      ['name%20three%203', 'label three 3 three']
+    ]);
+  });
 });

package/tests/unit/src/components/ContentGroupSection/ContentGroupSection.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import ContentGroupSection from '../../../../../src/components/ContentGroupSection/ContentGroupSection';

package/tests/unit/src/components/DataSummary/DataSummaryFactory.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import { useQuery } from '@apollo/client';

package/tests/unit/src/components/DataSummary/DataSummaryRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import { getMockedProvider } from '@blaze-cms/tools/test-helpers/test-functions';
 import { ENTITY_DATA_MOCK, ENTITY_DATA_MOCK_ERROR } from '../../../../helpers/mocks';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/HeadingLargeSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import HeadingLargeSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/HeadingLargeSummary';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import ItemDetailsSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/LargeSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import LargeSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/LargeSummary/LargeSummary';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/ListSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import ListSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/ListSummary/ListSummary';
 import { propsDataSummary } from '../mockData';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/TextSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import TextSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/TextSummary/TextSummary';
 import { propsDataSummary } from '../mockData';

package/tests/unit/src/components/DataSummary/helpers/build-loop-props-content.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { buildLoopPropsContent } from '../../../../../../src/components/DataSummary/helpers';
+import buildLoopPropsContent from '../../../../../../src/components/DataSummary/helpers/build-loop-props-content';
 import { mockedLoopProps, mockedPropsToDisplay, mockedData, mockedResults } from './mocks';
 
 describe('buildLoopPropsContent helper function', () => {