@blaze-cms/react-page-builder 0.133.0 → 0.134.0-admin-updates.1

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

@@ -2,9 +2,14 @@
 
 exports[`Banner render component should render 1`] = `
 <DocumentFragment>
-  <style />
   <div
-    class="ad-slot ad-slot-loading banner-sizeId"
-  />
+    class="banner  banner-loading"
+  >
+    <style />
+    <div
+      class="ad-slot ad-slot-loading banner-sizeId"
+      data-testid="ad-slot"
+    />
+  </div>
 </DocumentFragment>
 `;

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

@@ -6,6 +6,10 @@ import { act, render, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import Button from '../../../../src/components/Button';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('@apollo/client', () => ({
   ...jest.requireActual('@apollo/client'),
   useApolloClient: jest.fn(() => ({ resetStore: () => null }))

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

@@ -8,6 +8,10 @@ import '@testing-library/jest-dom/extend-expect';
 import CardsContainer from '../../../../../src/components/Card/CardsContainer';
 import { cardDataMockedOptions } from './mockData';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 // eslint-disable-next-line react/prop-types
 jest.mock('../../../../../src/components/LazyImage', () => () => null);
 

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

@@ -7,6 +7,10 @@ import { shallow } from 'enzyme';
 import CarouselImage from '../../../../../../src/components/Carousel/CarouselImage';
 import CarouselRender from '../../../../../../src/components/Carousel/CarouselRender';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const getMockedProps = overrides => ({
   imageIds: ['test-id', 'test-altText', 'test-caption'],
   displayCount: true,

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

@@ -5,6 +5,10 @@ import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Code from '../../../../../src/components/Code/Code';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('../../../../../src/components/Code/ScriptTag', () => () => (
   <span data-testid="scriptTag" />
 ));

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

@@ -4,6 +4,10 @@
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Code from '../../../../src/components/Code';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const props = {
   code: '<p>Lorem ipsum</p>',
   parent: {

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

@@ -6,6 +6,10 @@ import '@testing-library/jest-dom/extend-expect';
 import ItemDetailsSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary';
 import { propsDataSummary } from '../mockData';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 describe('ItemDetailsSummary component', () => {
   it('should render without throwing an error and match snapshot', () => {
     const { asFragment } = render(ItemDetailsSummary, propsDataSummary);

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

@@ -6,6 +6,10 @@ import '@testing-library/jest-dom/extend-expect';
 import LargeSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/LargeSummary/LargeSummary';
 import { propsDataSummary } from '../mockData';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 describe('LargeSummary component', () => {
   it('should render without throwing an error and match snapshot', () => {
     const { asFragment } = render(LargeSummary, propsDataSummary);

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

@@ -6,6 +6,10 @@ import ListSummary from '../../../../../../src/components/DataSummary/DataSummar
 import { propsDataSummary } from '../mockData';
 import '@testing-library/jest-dom/extend-expect';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 describe('ListSummary component', () => {
   it('should render without throwing an error and match snapshot', () => {
     const { asFragment } = render(ListSummary, propsDataSummary);

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

@@ -6,6 +6,10 @@ import TextSummary from '../../../../../../src/components/DataSummary/DataSummar
 import { propsDataSummary } from '../mockData';
 import '@testing-library/jest-dom/extend-expect';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 describe('TextSummary component', () => {
   it('should render without throwing an error and match snapshot', () => {
     const { asFragment } = render(TextSummary, propsDataSummary);

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

@@ -90,4 +90,45 @@ describe('buildLoopPropsContent helper function', () => {
     });
     expect.hasAssertions();
   });
+
+  it('should nested items with urls', () => {
+    const data = {
+      nestedLoopProp: [
+        {
+          nestedValue: 'abc',
+          url: 'http://blazecms.app/abc'
+        },
+        {
+          nestedValue: '123',
+          url: 'http://blazecms.app/123'
+        },
+        {
+          nestedValue: 'no url',
+          url: null
+        }
+      ]
+    };
+    const withUrl = buildLoopPropsContent(
+      mockedLoopProps,
+      [
+        {
+          bold: false,
+          enableLink: true,
+          label: '',
+          modifier: '',
+          prefix: '',
+          propertiesToDisplay: ['nestedLoopProp.nestedValue'],
+          shouldStrip: true
+        }
+      ],
+      0,
+      data
+    );
+
+    withUrl.forEach(([, value, url], index) => {
+      expect(value).toEqual(data.nestedLoopProp[index].nestedValue);
+      expect(url).toEqual(data.nestedLoopProp[index].url || '');
+    });
+    expect.hasAssertions();
+  });
 });

package/tests/unit/src/components/DataSummary/helpers/get-link-to-published-content.test.js

@@ -38,4 +38,25 @@ describe('get link to published content', () => {
     const result = getLinkToPublishedContent(publishedKey, props);
     expect(result).toEqual('');
   });
+
+  it('should return url from the currentValue', () => {
+    const currentValue = { url: 'currentValueUrl' };
+    const props = { content: [content] };
+    const result = getLinkToPublishedContent(publishedKey, props, currentValue);
+    expect(result).toEqual(currentValue.url);
+  });
+
+  it('should return url from the currentValue even if falsey', () => {
+    const currentValue = { url: null };
+    const props = { content: [content] };
+    const result = getLinkToPublishedContent(publishedKey, props, currentValue);
+    expect(result).toEqual(currentValue.url);
+  });
+
+  it('should not return url from the currentValue if not set', () => {
+    const currentValue = {};
+    const props = { content: [content] };
+    const result = getLinkToPublishedContent(publishedKey, props, currentValue);
+    expect(result).toEqual(content.url);
+  });
 });

package/tests/unit/src/components/List/components/Cards/CardsRender.test.js

@@ -6,6 +6,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import CardsRender from '../../../../../../../src/components/List/components/Cards';
 import { MOCKED_LIST_OPTIONS } from '../mocks';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('../../../../../../../src/hooks', () => ({
   useGetImages: jest.fn(() => ({ data: {}, loading: false }))
 }));

package/tests/unit/src/components/List/components/Cards/CardsRenderWrapper.test.js

@@ -7,6 +7,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import CardsRenderWrapper from '../../../../../../../src/components/List/components/Cards/CardsRenderWrapper';
 import { MOCKED_LIST_OPTIONS } from '../mocks';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('../../../../../../../src/components/List/components/Cards/CardsRenderItem', () =>
   jest.fn().mockImplementation(({ id }) => <div>{id}</div>)
 );

package/tests/unit/src/components/PlaceholderIcon/__snapshots__/index.test.js.snap

@@ -0,0 +1,72 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Placeholder component should render PlaceholderIcon 1`] = `
+<DocumentFragment>
+  <div
+    class="editor-view__placeholder"
+    data-testid="placeholder-icon"
+  >
+    <svg
+      height="25px"
+      version="1.1"
+      viewBox="0 0 16 16"
+      width="25px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <title>
+        card
+      </title>
+      <g
+        fill="none"
+        fill-rule="evenodd"
+        id="Icons"
+        stroke="none"
+        stroke-width="1"
+      >
+        <g
+          id="card"
+          transform="translate(-261.000000, -216.000000)"
+        >
+          <g
+            transform="translate(261.000000, 216.000000)"
+          >
+            <path
+              d="M15,1 L15,9.53124644 L14.998,9.531 L14.9986024,7.67959976 L11.4210663,4.62547112 L7.4590683,8.08893259 C7.08560181,8.77082265 6.07591438,8.77082265 5.51715851,8.27688661 L3.50145721,6.5 L1,8.77 L1,7.323 L2.58011188,5.9054667 C3.10161735,5.44445974 3.91799869,5.41372594 4.47882094,5.81326531 L4.59488493,5.9054667 L6.4402744,7.56106172 L10.4252459,3.98593625 C10.9840017,3.49200022 11.8812631,3.49200022 12.4400189,3.98593625 L14.9986024,6.28137475 L14.998,1 Z M6.14778213,2.60821539 C6.69719001,2.60821539 7.14257312,3.0379169 7.14257312,3.56798059 C7.14257312,4.09804429 6.69719002,4.52774581 6.14778213,4.52774581 C5.88422964,4.52580316 5.6316942,4.42547921 5.44313851,4.24781429 C5.25594548,4.06784498 5.15142164,3.82293899 5.15297371,3.56798059 C5.15297371,3.0379169 5.59837425,2.60821539 6.14778213,2.60821539 Z"
+              fill="#63779C"
+              fill-rule="nonzero"
+              id="Combined-Shape"
+            />
+            <path
+              d="M3,13 C3,12.7238576 3.22385763,12.5 3.5,12.5 L12.5,12.5 C12.7761424,12.5 13,12.7238576 13,13 C13,13.2761424 12.7761424,13.5 12.5,13.5 L3.5,13.5 C3.22385763,13.5 3,13.2761424 3,13 Z"
+              fill="#899BBC"
+              fill-rule="nonzero"
+              id="Shape"
+            />
+            <rect
+              height="15"
+              id="Rectangle"
+              rx="2"
+              stroke="#899BBC"
+              width="15"
+              x="0.5"
+              y="0.5"
+            />
+            <line
+              id="Line-2"
+              stroke="#63779C"
+              stroke-linecap="square"
+              x1="0.5"
+              x2="15.5"
+              y1="10.5"
+              y2="10.5"
+            />
+          </g>
+        </g>
+      </g>
+    </svg>
+    <span>
+      card
+    </span>
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/PlaceholderIcon/index.test.js

@@ -0,0 +1,20 @@
+/**
+ * @jest-environment jsdom
+ */
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+
+import PlaceholderIcon from '../../../../../../blaze-plugin-page-builder-ui/src/components/EditorView/PlaceholderIcon';
+import { CardIcon } from '../../../../../../blaze-plugin-page-builder-ui/src/components/EditorView/Icons';
+
+const mockedProps = {
+  type: 'card',
+  icon: CardIcon
+};
+
+describe('Placeholder component', () => {
+  it('should render PlaceholderIcon', () => {
+    const { asFragment, getByTestId } = render(PlaceholderIcon, mockedProps);
+    expect(getByTestId('placeholder-icon')).toBeDefined();
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/tests/unit/src/components/SearchFilter/components/Checkbox.test.js

@@ -5,6 +5,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import { Checkbox } from '../../../../../../src/components/SearchFilter/components';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: 'test-url' }))
 }));

package/tests/unit/src/components/SearchFilter/components/Select.test.js

@@ -7,6 +7,10 @@ import '@testing-library/jest-dom/extend-expect';
 import { SelectFilter } from '../../../../../../src/components/SearchFilter/components';
 import { DEFAULT_OPTION } from '../../../../../../src/components/SearchFilter/constants';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: 'test-url' }))
 }));

package/tests/unit/src/components/SearchFilter/components/TextSearch.test.js

@@ -6,6 +6,10 @@ import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import { TextSearch } from '../../../../../../src/components/SearchFilter/components';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: 'test-url' }))
 }));

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

@@ -5,6 +5,10 @@ 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('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: 'test-url' }))
 }));

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

@@ -5,6 +5,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import SocialFollow from '../../../../../src/components/SocialFollow';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const MOCKED_SOCIAL_NETWORKS = {
   facebook: 'facebook value',
   twitter: 'twitter value'

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

@@ -5,6 +5,10 @@ import '@testing-library/jest-dom/extend-expect';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import TextBlock from '../../../../../src/components/TextBlock';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const { setEnvs, deleteEnvs } = require('@blaze-cms/tools/test-helpers/test-files/test-env');
 
 const getMockedProps = overrides => ({