@blaze-cms/react-page-builder 0.130.1 → 0.131.0-admin-updates.0

package/src/helpers/get-query-filters.js

@@ -2,10 +2,9 @@ import getSearchFilterType from './get-search-filter-type';
 import buildSearchValuesCheckboxSelect from './build-search-values-checkbox-select';
 import { RANGE, CHECKBOX, SELECT } from '../constants';
 
-const getQueryFilters = (searchFilter, query) => {
-  if (!searchFilter.settings || !searchFilter.settings.filters) {
+const getQueryFilters = (searchFilter, query, listName) => {
+  if (!searchFilter.settings || !searchFilter.settings.filters)
     return { valuesAnd: [], valuesOr: [] };
-  }
 
   const rangeFilters = getSearchFilterType(searchFilter, RANGE);
   const checkboxFilters = getSearchFilterType(searchFilter, CHECKBOX);
@@ -15,7 +14,8 @@ const getQueryFilters = (searchFilter, query) => {
     query,
     rangeFilters,
     checkboxFilters,
-    selectFilters
+    selectFilters,
+    listName
   );
   return { valuesAnd, valuesOr };
 };

package/src/helpers/get-query-props.js

@@ -2,10 +2,11 @@ import isFilterEntitysId from './is-filter-entitys-id';
 import getFilterProps from './get-filter-props';
 import { ID } from '../constants';
 
-const getQueryProps = (inheritedFilters, currentSchema, filterEntitySchema) => {
+const getQueryProps = (inheritedFilters, currentSchema, filterEntitySchema = {}) => {
   if (!currentSchema || !inheritedFilters.length) return ID;
 
-  const { identifier: currentEntityId } = currentSchema;
+  const { identifier: currentEntityId, properties } = currentSchema;
+  const { identifier: filterEntityId } = filterEntitySchema;
 
   return inheritedFilters.reduce((acc, filter) => {
     const {
@@ -17,12 +18,19 @@ const getQueryProps = (inheritedFilters, currentSchema, filterEntitySchema) => {
       relationForeignKeys,
       shouldIgnoreFilter
     } = getFilterProps(filter, currentSchema, filterEntitySchema);
-
     if (shouldIgnoreFilter) return acc;
     if (relationForeignKeys && relationForeignKeys.length) {
       return `${acc} ${relationForeignKeys.join(' ')}`;
     }
-
+    if (filterName === ID) {
+      const queryValue = Object.keys(properties).find(
+        propKey =>
+          properties[propKey] &&
+          properties[propKey].relation &&
+          properties[propKey].relation.entityIdentifier === filterEntityId
+      );
+      if (queryValue) return `${acc} ${queryValue} `;
+    }
     const queryProp = relationEntityName ? `${relationName} { ${relationProp} }` : filterName;
     const queryPropFinalValue =
       isEntityItself && isFilterEntitysId(filterName, currentEntityId) ? ID : queryProp;

package/src/helpers/get-wrapped-value-with-link.js

@@ -6,13 +6,16 @@ const getWrappedValueWithLink = (value, link, keyPrefix = '') => {
     const arrayResults = value.map((arrValue, index) => {
       const { keyField, url } = arrValue;
       const keyValue = arrValue[keyField];
+
       const isLastItem = index === value.length - 1;
-      const keyFieldValue = isLastItem ? keyValue : keyValue.concat(',');
+      const keyFieldValue = isLastItem ? keyValue : <>{keyValue}, </>;
 
       return url ? (
-        <BlazeLink key={[keyPrefix, index].join('-')} href={url}>{`${keyFieldValue} `}</BlazeLink>
+        <BlazeLink key={[keyPrefix, index].join('-')} href={url}>
+          {<>{keyFieldValue} </>}
+        </BlazeLink>
       ) : (
-        `${keyFieldValue} `
+        <>{keyFieldValue} </>
       );
     });
 

package/src/helpers/index.js

@@ -51,3 +51,5 @@ export { default as getParsedPropValues } from './get-parsed-prop-values';
 export { default as getSanitizedPropValues } from './get-sanitized-prop-values';
 export { default as appendImages } from './append-images';
 export { default as parseTextBlock } from './parse-TextBlock';
+export { default as processDataSummaryValue } from './process-data-summary-value';
+export { default as buildQueryKey } from './build-query-key';

package/src/helpers/parse-props-to-display.js

@@ -4,35 +4,39 @@ import isObject from './is-object';
 import getParsedPropValues from './get-parsed-prop-values';
 import getSanitizedPropValues from './get-sanitized-prop-values';
 import { BOLD_TAG, BLANK_SPACE_UNICODE_STRING } from '../constants';
+import processDataSummaryValue from './process-data-summary-value';
 
 // TODO this helper should be removed if database is wiped clean and all elements change to new props struc
 const parsePropsToDisplay = (props = {}, propsToDisplay = []) => {
   if (!isObject(propsToDisplay[0])) return at(props, propsToDisplay).filter(Boolean);
 
-  return propsToDisplay.map(
-    ({ bold, propertiesToDisplay, prefix, suffix, shouldStrip, enableLink }, currentIndex) => {
-      const Wrapper = bold ? BOLD_TAG : Fragment;
+  return propsToDisplay.map((options, currentIndex) => {
+    const { bold, propertiesToDisplay, prefix, suffix, shouldStrip, enableLink } = options;
+    const Wrapper = bold ? BOLD_TAG : Fragment;
 
-      const parsedPropValues = getParsedPropValues({
-        propertiesToDisplay,
-        props,
-        enableLink,
-        shouldStrip
-      });
+    const parsedPropValues = getParsedPropValues({
+      propertiesToDisplay,
+      props,
+      enableLink,
+      shouldStrip
+    });
 
-      const sanitizedPropValues = getSanitizedPropValues(parsedPropValues);
-      if (!sanitizedPropValues || !sanitizedPropValues.length) return null;
-      const stringEndBlank =
-        currentIndex + 1 === propsToDisplay.length ? '' : BLANK_SPACE_UNICODE_STRING;
+    const sanitizedPropValues = getSanitizedPropValues(parsedPropValues);
+    if (!sanitizedPropValues || !sanitizedPropValues.length) return null;
+    const stringEndBlank =
+      currentIndex + 1 === propsToDisplay.length ? '' : BLANK_SPACE_UNICODE_STRING;
 
-      return (
-        <Wrapper>
-          {prefix} {sanitizedPropValues} {suffix}
-          {stringEndBlank}
-        </Wrapper>
-      );
-    }
-  );
+    const processedValue = Array.isArray(sanitizedPropValues)
+      ? sanitizedPropValues.map(value => processDataSummaryValue(value, options))
+      : processDataSummaryValue(sanitizedPropValues, options);
+
+    return (
+      <Wrapper>
+        {prefix} {processedValue} {suffix}
+        {stringEndBlank}
+      </Wrapper>
+    );
+  });
 };
 
 export default parsePropsToDisplay;

package/src/helpers/process-data-summary-value.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import components from '../components';
+
+const { code: Code } = components;
+
+const renderCode = value => <Code code={value} disableWrapper />;
+
+const processDataSummaryValue = (objPropValue, { isHtml }) => {
+  let pValue = objPropValue;
+  if (isHtml) {
+    pValue = Array.isArray(objPropValue)
+      ? objPropValue.map(({ keyField, [keyField]: value, ...otherProps }) => ({
+          [keyField]: renderCode(value),
+          keyField,
+          ...otherProps
+        }))
+      : renderCode(objPropValue);
+  }
+  return pValue;
+};
+
+export default processDataSummaryValue;

package/tests/helpers/mocks.js

@@ -1139,11 +1139,9 @@ const MOCKED_PROPS_FILTERS_LIST = {
 };
 
 const MOCKED_PROPS_SEARCH_FILTER = {
-  router: {
-    asPath: 'somePath',
-    query: {},
-    push: () => {}
-  },
+  listComponentName: '',
+  filterData: {},
+  asPath: 'somePath',
   parent: {
     itemEntity: 'published_page'
   },

package/tests/unit/src/components/Card/helpers/get-updated-items-to-display.test.js

@@ -0,0 +1,72 @@
+import '@testing-library/jest-dom/extend-expect';
+import getUpdatedItemsToDisplay from '../../../../../../src/components/Card/helpers/get-updated-items-to-display';
+
+const mockedProps = {
+  itemsToDisplay: [
+    {
+      displayItems: ['54321']
+    }
+  ],
+  parentEntityData: {
+    authorIds: ['12345']
+  },
+  parentSchema: {
+    properties: {
+      authorIds: {
+        relation: {
+          entityIdentifier: 'author'
+        }
+      }
+    }
+  },
+  inheritedFilters: ['id/author']
+};
+
+describe('getUpdatedItemsToDisplay helper function', () => {
+  it('should return empty array if no props passed', () => {
+    const emptyArray = getUpdatedItemsToDisplay({});
+    expect(emptyArray).toEqual([]);
+  });
+
+  it('should return old itemsToDisplay itemsToDisplay if no idProp match, no parentSchema or no parentEntityData', () => {
+    const onlyItemsToDisplayPassed = getUpdatedItemsToDisplay({
+      itemsToDisplay: mockedProps.itemsToDisplay
+    });
+    const noIdPropMatch = getUpdatedItemsToDisplay({
+      ...mockedProps,
+      inheritedFilters: ['notid/author']
+    });
+    const noParentSchema = getUpdatedItemsToDisplay({
+      ...mockedProps,
+      parentSchema: null
+    });
+    const noParentEntityData = getUpdatedItemsToDisplay({
+      ...mockedProps,
+      parentEntityData: null
+    });
+    expect(onlyItemsToDisplayPassed).toEqual(mockedProps.itemsToDisplay);
+    expect(noIdPropMatch).toEqual(mockedProps.itemsToDisplay);
+    expect(noParentSchema).toEqual(mockedProps.itemsToDisplay);
+    expect(noParentEntityData).toEqual(mockedProps.itemsToDisplay);
+  });
+
+  it('should return old itemsToDisplay if parentSchema has no propMatch with idProp entity', () => {
+    const sameItemsToDisplay = getUpdatedItemsToDisplay({
+      ...mockedProps,
+      inheritedFilters: ['id/noentitymatch']
+    });
+    expect(sameItemsToDisplay).toEqual(mockedProps.itemsToDisplay);
+  });
+
+  it('should return updated itemsToDisplay otherwise', () => {
+    const sameItemsToDisplay = getUpdatedItemsToDisplay({
+      ...mockedProps
+    });
+    expect(sameItemsToDisplay).toEqual([
+      ...mockedProps.itemsToDisplay,
+      {
+        displayItems: ['12345']
+      }
+    ]);
+  });
+});

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

@@ -23,6 +23,11 @@ describe('Code component', () => {
     expect(asFragment()).toMatchSnapshot();
   });
 
+  it('should not render wrapper', () => {
+    const { asFragment } = render(Code, { ...props, disableWrapper: true });
+    expect(asFragment()).toMatchSnapshot();
+  });
+
   it('should return null if there is not embed code', () => {
     const { container } = render(Code, {});
     expect(container.innerHTML).toBe('');

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

@@ -27,3 +27,11 @@ exports[`Code component should not render script tags 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`Code component should not render wrapper 1`] = `
+<DocumentFragment>
+  <p>
+    Lorem ipsum
+  </p>
+</DocumentFragment>
+`;

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

@@ -1,6 +1,11 @@
 import '@testing-library/jest-dom/extend-expect';
 import buildLoopPropsContent from '../../../../../../src/components/DataSummary/helpers/build-loop-props-content';
 import { mockedLoopProps, mockedPropsToDisplay, mockedData, mockedResults } from './mocks';
+import processDataSummaryValue from '../../../../../../src/helpers/process-data-summary-value';
+
+jest.mock('../../../../../../src/helpers/process-data-summary-value', () =>
+  jest.fn(value => value)
+);
 
 describe('buildLoopPropsContent helper function', () => {
   const noParamsPassed = buildLoopPropsContent();
@@ -41,6 +46,10 @@ describe('buildLoopPropsContent helper function', () => {
     expect(noDataPassed).toEqual([]);
   });
 
+  it('should call processDataSummaryValue', () => {
+    expect(processDataSummaryValue).toHaveBeenCalledWith('pre data name', mockedPropsToDisplay[0]);
+  });
+
   it('should return regular dataSummary content if no loopable values are found', () => {
     expect(withNoLoopValues).toEqual(mockedResults[0]);
     expect(withNoLoopableValues).toEqual(mockedResults[1]);

package/tests/unit/src/components/SearchFilter/__snapshots__/SearchFilterContainer.test.js.snap

@@ -1,11 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`SearchFilter container should match snapshot 1`] = `
-<DocumentFragment>
-  <div>
-    Mocked component
-  </div>
-</DocumentFragment>
-`;
+exports[`SearchFilter container should match snapshot 1`] = `<DocumentFragment />`;
 
 exports[`SearchFilter container should return null if no filters are passed 1`] = `<DocumentFragment />`;

package/tests/unit/src/components/SearchFilter/helpers/build-new-query.test.js

@@ -1,20 +1,20 @@
-import buildNewQuery from '../../../../../../src/components/SearchFilter/helpers/build-new-query';
-
+import buildNewUrl from '../../../../../../src/components/SearchFilter/helpers/build-new-url';
+// url, currentUrl, queryParams, hashBit
 const mockedProps = [
   ['', 'current-as-path', 'some=query&params=value'],
   ['urlFromProps', '', 'other=query&with=value'],
-  ['urlFromProps', 'not=used', 'another=query&withthis=value', 'sort=asc&sortby=name']
+  ['urlFromProps', 'not=used', 'another=query&withthis=value'],
+  ['urlFromProps', 'not=used', 'another=query&withthis=value', 'this-is-content']
 ];
 
-describe('buildNewQuery helper function', () => {
-  const simpleExample = buildNewQuery(...mockedProps[0]);
-  const withPropsUrl = buildNewQuery(...mockedProps[1]);
-  const withSort = buildNewQuery(...mockedProps[2]);
+describe('buildNewUrl helper function', () => {
+  const simpleExample = buildNewUrl(...mockedProps[0]);
+  const withPropsUrl = buildNewUrl(...mockedProps[1]);
+  const withHash = buildNewUrl(...mockedProps[3]);
 
   it('should always return a string', () => {
     expect(typeof simpleExample).toBe('string');
     expect(typeof withPropsUrl).toBe('string');
-    expect(typeof withSort).toBe('string');
   });
 
   it('should return new url using asPath and queryParams passed', () => {
@@ -25,7 +25,7 @@ describe('buildNewQuery helper function', () => {
     expect(withPropsUrl).toEqual('urlFromProps?other=query&with=value');
   });
 
-  it('should return new url with sort if passed', () => {
-    expect(withSort).toEqual('urlFromProps?another=query&withthis=value&sort=asc&sortby=name');
+  it('should return new url with hash if passed', () => {
+    expect(withHash).toEqual('urlFromProps?another=query&withthis=value#this-is-content');
   });
 });

package/tests/unit/src/components/SearchFilter/helpers/build-query.test.js

@@ -1,4 +1,4 @@
-import buildQuery from '../../../../../../src/components/SearchFilter/helpers/build-query';
+import buildUrlQuery from '../../../../../../src/components/SearchFilter/helpers/build-url-query';
 import { SEARCH_TERM } from '../../../../../../src/components/SearchFilter/constants';
 
 const mockedProps = [
@@ -10,10 +10,15 @@ const mockedProps = [
   ]
 ];
 
-describe('buildQuery helper function', () => {
-  const simpleExample = buildQuery(...mockedProps[0]);
-  const withTextSearch = buildQuery(...mockedProps[1]);
-  const withSearchAndRange = buildQuery(...mockedProps[2]);
+describe('buildUrlQuery helper function', () => {
+  const simpleExample = buildUrlQuery(...mockedProps[0]);
+  const withTextSearch = buildUrlQuery(...mockedProps[1]);
+  const withSearchAndRange = buildUrlQuery(...mockedProps[2]);
+  const withListName = buildUrlQuery(...mockedProps[2], 'listName');
+  const withListNameAndOtherQueryBits = buildUrlQuery(...mockedProps[2], 'listName', {
+    sort: 'asc',
+    anotherQuery: '123'
+  });
 
   it('should always return a string', () => {
     expect(typeof simpleExample).toBe('string');
@@ -24,10 +29,22 @@ describe('buildQuery helper function', () => {
   });
 
   it('should return new query string with search term if available', () => {
-    expect(withTextSearch).toEqual('search_term=new%20search%20value');
+    expect(withTextSearch).toEqual('search_term=new search value');
   });
 
   it('should return new query string with search text and all other available query values', () => {
-    expect(withSearchAndRange).toEqual('search_term=new%20search%20value&rangeFilter=2-10');
+    expect(withSearchAndRange).toEqual('search_term=new search value&rangeFilter=2-10');
+  });
+
+  it('should return new query string listName if passed', () => {
+    expect(withListName).toEqual(
+      'pb[listName][search_term]=new search value&pb[listName][rangeFilter]=2-10'
+    );
+  });
+
+  it('should return new query string with unaltered bits from other query', () => {
+    expect(withListNameAndOtherQueryBits).toEqual(
+      'pb[listName][search_term]=new search value&pb[listName][rangeFilter]=2-10&sort=asc&anotherQuery=123'
+    );
   });
 });

package/tests/unit/src/components/SearchFilter/helpers/get-initial-filter-values.test.js

@@ -1,4 +1,4 @@
-import getInitialFilterValues from '../../../../../../src/components/SearchFilter/helpers/get-initial-filter-values';
+import getFilterValues from '../../../../../../src/components/SearchFilter/helpers/get-filter-values';
 import { SEARCH_TERM } from '../../../../../../src/components/SearchFilter/constants';
 
 const filters = [
@@ -16,25 +16,24 @@ const mockedProps = [
   [{ rangeFilter: { min: 5, max: 10 }, checkboxFilter: {}, emptySelect: {} }, filters, query]
 ];
 
-describe('getInitialFilterValues helper function', () => {
-  const withNoValue = getInitialFilterValues(...mockedProps[0]);
-  const withValues = getInitialFilterValues(...mockedProps[1]);
+describe('getFilterValues helper function', () => {
+  const withNoValue = getFilterValues(...mockedProps[0]);
+  const withValues = getFilterValues(...mockedProps[1]);
 
   it('should return init filter values based on query and filterData', () => {
-    expect(withNoValue).toEqual({ dataNotSet: false, search_term: '' });
+    expect(withNoValue).toEqual({ search_term: '', dataNotSet: false });
     expect(withValues).toEqual({
-      dataNotSet: false,
       search_term: query[SEARCH_TERM],
       rangeFilter: { max: 10, maxValue: 8, min: 5, minValue: 7, step: 1 },
       checkboxFilter: ['check1', 'check2'],
-      emptySelect: null
+      emptySelect: null,
+      dataNotSet: false
     });
   });
 
   it('should return init filter values without filterData', () => {
-    const withNoData = getInitialFilterValues(null, filters, query);
+    const withNoData = getFilterValues(null, filters, query);
     expect(withNoData).toEqual({
-      dataNotSet: true,
       search_term: query[SEARCH_TERM],
       rangeFilter: {
         max: 8,
@@ -44,7 +43,8 @@ describe('getInitialFilterValues helper function', () => {
         step: 1
       },
       checkboxFilter: query.checkboxFilter,
-      emptySelect: null
+      emptySelect: null,
+      dataNotSet: true
     });
   });
 });

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

@@ -5,8 +5,11 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import SearchFilterSort from '../../../../../src/components/SearchFilterSort/SearchFilterSort';
 
+jest.mock('next/router', () => ({
+  useRouter: jest.fn(() => ({ asPath: 'test-url' }))
+}));
+
 const props = {
-  router: { asPath: 'some-path' },
   filters: [{ label: 'label1', propsToDisplay: ['name'], sort: 'ascending' }],
   label: 'someLabel',
   id: '123456'

package/tests/unit/src/components/SearchFilterSort/helpers/handle-sort-update.test.js

@@ -1,43 +1,50 @@
 import handleSortUpdate from '../../../../../../src/components/SearchFilterSort/helpers/handle-sort-update';
 
 const routerPushResultMock = () => ({ then: jest.fn() });
+// router, value, query, url, selectLabel, listComponentName
 const mockedProps = [
-  [{ push: jest.fn(routerPushResultMock) }, 'defaultOption', {}, 'url', 'defaultOption'],
-  [
-    { push: jest.fn(routerPushResultMock) },
-    'defaultOption',
-    { sort: 'asc', sortby: 'name', type: 'big' },
-    'baseurl',
-    'defaultOption'
-  ],
-  [
-    { push: jest.fn(routerPushResultMock) },
-    'name:desc',
-    { someOther: 'ott' },
-    'url',
-    'defaultOption'
-  ]
+  {
+    router: { asPath: 'asPath', push: jest.fn(routerPushResultMock) },
+    value: 'defaultOption',
+    query: {},
+    url: 'url',
+    selectLabel: 'defaultOption'
+  },
+  {
+    router: { asPath: 'asPath', push: jest.fn(routerPushResultMock) },
+    value: 'defaultOption',
+    query: { sort: 'asc', sortby: 'name', type: 'big' },
+    url: 'baseurl',
+    selectLabel: 'defaultOption'
+  },
+  {
+    router: { asPath: 'asPath', push: jest.fn(routerPushResultMock) },
+    value: 'name:desc',
+    query: { someOther: 'ott' },
+    url: 'url',
+    selectLabel: 'defaultOption'
+  }
 ];
 
 describe('handleSortUpdate helper function', () => {
-  mockedProps.forEach(props => handleSortUpdate(...props));
+  mockedProps.forEach(props => handleSortUpdate({ ...props }));
 
   it('should navigate to url with no sort if default value is selected', () => {
-    expect(mockedProps[0][0].push).toHaveBeenLastCalledWith('/Resolver', 'url', {
+    expect(mockedProps[0].router.push).toHaveBeenLastCalledWith('/Resolver', 'url', {
       shallow: true,
       scroll: false
     });
   });
 
   it('should navigate to url with no sort with previous querys if default value is selected', () => {
-    expect(mockedProps[1][0].push).toHaveBeenLastCalledWith('/Resolver', 'baseurl?type=big', {
+    expect(mockedProps[1].router.push).toHaveBeenLastCalledWith('/Resolver', 'baseurl?type=big', {
       shallow: true,
       scroll: false
     });
   });
 
   it('should navigate to url with new sort if selected', () => {
-    expect(mockedProps[2][0].push).toHaveBeenLastCalledWith(
+    expect(mockedProps[2].router.push).toHaveBeenLastCalledWith(
       '/Resolver',
       'url?someOther=ott&sort=desc&sortby=name',
       { shallow: true, scroll: false }

package/tests/unit/src/components/SearchFilterSort/helpers/update-sort.test.js

@@ -1,10 +1,15 @@
 import updateSort from '../../../../../../src/components/SearchFilterSort/helpers/update-sort';
 
-const mockedProps = [['name:asc', {}, 'aurl'], ['name:asc', { other: '12', query2: 'an' }, 'aurl']];
+const mockedProps = [
+  ['name:asc', {}, 'aurl'],
+  ['name:asc', { other: '12', query2: 'an' }, 'aurl'],
+  ['name:desc', { query1: 'aquery' }, 'theUrl', '#hashBit']
+];
 
 describe('updateSort helper function', () => {
   const basicSort = updateSort(...mockedProps[0]);
   const sortWithOtherQuerys = updateSort(...mockedProps[1]);
+  const sortWithhash = updateSort(...mockedProps[2]);
 
   it('should return a parsed url based on the parameters passed', () => {
     expect(basicSort).toEqual('aurl?sort=asc&sortby=name');
@@ -13,4 +18,8 @@ describe('updateSort helper function', () => {
   it('should return a parsed url with extra query params if passed', () => {
     expect(sortWithOtherQuerys).toEqual('aurl?other=12&query2=an&sort=asc&sortby=name');
   });
+
+  it('should return a parsed url with extra query params and hash if passed', () => {
+    expect(sortWithhash).toEqual('theUrl?query1=aquery&sort=desc&sortby=name#hashBit');
+  });
 });

package/tests/unit/src/helpers/__snapshots__/get-wrapped-value-with-link.test.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`get wrapped value with link func should return array with correponding value and link 1`] = `
+<React.Fragment>
+  <React.Fragment>
+    test-name
+    , 
+  </React.Fragment>
+   
+</React.Fragment>
+`;
+
+exports[`get wrapped value with link func should return array with correponding value and link 2`] = `
+<React.Fragment>
+  test-name2
+   
+</React.Fragment>
+`;

package/tests/unit/src/helpers/build-props-query.test.js

@@ -182,6 +182,31 @@ describe('get card render props', () => {
       'id,name,url,sponsored,featured,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}},address{country,id}'
     );
   });
+
+  it('should url props where enableLink is set', () => {
+    const _data = {
+      getEntitySchema: {
+        interfaces: [CONTENT_INTERFACE],
+        properties: {
+          id: 'id',
+          nestedProperty: {
+            type: 'object'
+          }
+        },
+        relations: [{ localField: 'address' }],
+        dynamicProperties: {
+          nestedDynamicProperty: {
+            type: 'object'
+          }
+        }
+      }
+    };
+    const linkProps = ['nestedProperty.title', 'nestedDynamicProperty.title', 'address.title'];
+    const query = buildPropsQuery(_data, linkProps, {}, linkProps);
+    expect(query).toEqual(
+      'id,name,url,sponsored,featured,nestedProperty{title,url},nestedDynamicProperty{title,url},address{title,id,url}'
+    );
+  });
 });
 
 function testUrlProperty({ extraProperties = {}, dynamicProperties = {}, cardProps }) {

package/tests/unit/src/helpers/get-wrapped-value-with-link.test.js

@@ -33,7 +33,7 @@ describe('get wrapped value with link func', () => {
     expect(resultWithArray).toHaveLength(2);
     expect(resultWithArray[0].props.href).toEqual(link);
     expect(resultWithArray[0].key).toEqual(`${keyPrefix}-0`);
-    expect(resultWithArray[0].props.children).toEqual(`${arrayOfValues[0][keyField]}, `);
-    expect(resultWithArray[1]).toEqual(`${arrayOfValues[1][keyField]} `);
+    expect(resultWithArray[0].props.children).toMatchSnapshot();
+    expect(resultWithArray[1]).toMatchSnapshot();
   });
 });