@blaze-cms/react-page-builder 0.122.0 → 0.123.0-alpha.12

package/tests/helpers/mocks.js

@@ -20,6 +20,12 @@ const GTM_CLASSNAME = 'gtm-classname';
 
 const MOCKED_SCHEMA_FOR_FILTERS = {
   identifier: 'page',
+  dynamicProperties: {
+    dynamicProp: {
+      type: 'string',
+      searchable: true
+    }
+  },
   relations: [
     {
       relationType: 'hasOne',
@@ -600,14 +606,11 @@ const ENTITY_SCHEMA_AS_OBJECT = [
 const CARD_RENDER_ENTITY_DATA_MOCK = [
   {
     request: {
-      query: getSingleEntitySchema,
-      variables: {
-        id: 'page'
-      }
+      query: getMultipleSchema(['page'])
     },
     result: {
       data: {
-        getEntitySchema: {
+        page: {
           id: 'page',
           identifier: 'page',
           properties: {
@@ -791,7 +794,7 @@ const CARD_RENDER_ENTITY_DATA_MOCK = [
             'content-base/has-authors'
           ],
           relations: [],
-          typename: 'typename'
+          __typename: ''
         }
       }
     }
@@ -838,22 +841,47 @@ const QUERY_PROPS = `results {
 }
 total`;
 
+const CARD_RECORD = {
+  id: 'CARD PAGE ID',
+  name: 'Card page',
+  url: '/card-page',
+  metaDescription: 'Card page meta',
+  category: {
+    name: 'Card page cat',
+    listingPageId: 'Card page Listing ID',
+    listingPageEntity: 'page',
+    publishedListingPage: {
+      url: '/listing-page',
+      __typename: 'PublishedPage'
+    },
+    __typename: 'Category'
+  },
+  image: {
+    url: '/card-image.jpg',
+    data: { alt: 'card image alt' },
+    __typename: 'File'
+  },
+  __typename: 'PublishedPage'
+};
+
 const CARD_RENDER_SEARCH_PUBLISHED_MOCK = [
   {
     request: {
       query: getSearchPublishedContent(QUERY_PROPS),
       variables: {
-        limit: 50,
+        limit: 51,
         offset: 0,
+        sort: '',
         rawQueryStringified:
-          '{"bool":{"filter":{"bool":{"must":[{"term":{"docType":"published_page"}}]}},"must_not":[{"ids":{"values":["itemId"]}}]}}'
+          '{"bool":{"filter":{"bool":{"must":[{"term":{"docType":"published_page"}}]}}}}'
       }
     },
     result: {
       data: {
         searchPublishedContent: {
-          results: [],
-          total: 0
+          results: [CARD_RECORD],
+          total: 1,
+          __typename: 'SearchPublishedContentReponse'
         }
       }
     }
@@ -2488,6 +2516,7 @@ const GET_IMAGE_ID_FROM_RELATION_MOCK = [
 export {
   PAGE_BUILDER_MOCK,
   DATA_SUMMARY_MOCK,
+  CARD_RECORD,
   CARD_RENDER_ENTITY_DATA_MOCK,
   CARD_RENDER_EMPTY_ENTITY_DATA_MOCK,
   CARD_RENDER_SEARCH_PUBLISHED_MOCK,

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

@@ -1,10 +1,11 @@
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';
-import { render, act } from '@testing-library/react';
+import { render, act, waitFor } from '@testing-library/react';
 import {
   CARD_RENDER_ENTITY_DATA_MOCK,
-  CARD_RENDER_SEARCH_PUBLISHED_MOCK
+  CARD_RENDER_SEARCH_PUBLISHED_MOCK,
+  CARD_RECORD
 } from '../../../../helpers/mocks';
 import CardRender from '../../../../../src/components/Card/CardRender';
 
@@ -39,8 +40,8 @@ const renderComponent = async component => {
   };
 };
 
-const setupTest = async mocks => {
-  const componentMock = await setup(mockedProps, mocks);
+const setupTest = async (mocks, overrides = {}) => {
+  const componentMock = await setup({ ...mockedProps, ...overrides }, mocks);
   const renderResults = await renderComponent(componentMock);
 
   return {
@@ -50,11 +51,24 @@ const setupTest = async mocks => {
 
 describe('CardRender component', () => {
   it('should render without throwing an error and match snapshot', async () => {
-    const { asFragment } = await setupTest([
+    const { asFragment, getByText } = await setupTest([
       ...CARD_RENDER_ENTITY_DATA_MOCK,
       ...CARD_RENDER_SEARCH_PUBLISHED_MOCK
     ]);
-
+    await waitFor(() => getByText(CARD_RECORD.name));
     expect(asFragment()).toMatchSnapshot();
   });
+
+  it('should render empty string if parent matches result record and there is only one results', async () => {
+    const parent = {
+      itemId: CARD_RECORD.id,
+      itemEntity: 'published_page'
+    };
+    const { asFragment } = await setupTest(
+      [...CARD_RENDER_ENTITY_DATA_MOCK, ...CARD_RENDER_SEARCH_PUBLISHED_MOCK],
+      { parent }
+    );
+
+    expect(asFragment()).toMatchSnapshot(); // will be empty string
+  });
 });

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

@@ -1,3 +1,52 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`CardRender component should render without throwing an error and match snapshot 1`] = `<DocumentFragment />`;
+exports[`CardRender component should render empty string if parent matches result record and there is only one results 1`] = `<DocumentFragment />`;
+
+exports[`CardRender component should render without throwing an error and match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="grid grid-cols-1 grid--one"
+  >
+    <div
+      class="card card--portrait"
+    >
+      <div
+        class="card__image card__image--portrait"
+      >
+        <a
+          class="card__image-link"
+          href="/card-page"
+        >
+          <span />
+        </a>
+      </div>
+      <div
+        class="card__content-wrapper card__content-wrapper--portrait"
+      >
+        <div
+          class="card__content card__content--portrait"
+        >
+          <a
+            class="badge badge--label"
+            href="/listing-page"
+          >
+            Card page cat
+          </a>
+          <h2
+            class="card__title card__title--portrait"
+          >
+            <a
+              href="/card-page"
+            >
+              Card page
+            </a>
+          </h2>
+        </div>
+        <div
+          class="card__child-content"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/DataSummary/helpers/build-props-to-display-with-content.test.js

@@ -27,4 +27,26 @@ describe('build props to display func', () => {
   it('should return an empty array if no values are passed', () => {
     expect(emptyPropsToDisplay.length).toEqual(0);
   });
+
+  it('should add link if enableLink=true', () => {
+    const obj = {
+      name: 'Item name',
+      url: '/url',
+      email: 'email@blazecms.app'
+    };
+    const propsTorDisplay = [
+      {
+        propertiesToDisplay: ['name'],
+        enableLink: false
+      },
+      {
+        propertiesToDisplay: ['email'],
+        enableLink: true
+      }
+    ];
+    const [nameProp, emailProp] = buildPropsToDisplayWithContent(obj, propsTorDisplay);
+
+    expect(nameProp[2]).toEqual('');
+    expect(emailProp[2]).toEqual('mailto:email@blazecms.app');
+  });
 });

package/tests/unit/src/components/DataSummary/helpers/get-link-based-on-value.test.js

@@ -0,0 +1,29 @@
+/**
+ * @testEnvironment node
+ */
+import { getLinkBasedOnValue } from '../../../../../../src/components/DataSummary/helpers';
+
+describe('Get link based on value', () => {
+  it('should be a function', () => {
+    expect(typeof getLinkBasedOnValue).toEqual('function');
+  });
+
+  it('should not return link if value does not match values', () => {
+    const result = getLinkBasedOnValue('not matched');
+    expect(result).toEqual('');
+  });
+
+  it('should return mailto: link for email string', () => {
+    const email = 'email@blazecms.app';
+    const result = getLinkBasedOnValue(email);
+    expect(result).toEqual(`mailto:${email}`);
+  });
+
+  it('should return url link with or without scheme', () => {
+    const urls = ['https://www.blazecms.app/path?query=string', 'blazecms.app/page'];
+    urls.forEach(url => {
+      expect(getLinkBasedOnValue(url)).toEqual(url);
+    });
+    expect.hasAssertions();
+  });
+});

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

@@ -2,6 +2,8 @@ import '@testing-library/jest-dom/extend-expect';
 import { getLinkToPublishedContent } from '../../../../../../src/components/DataSummary/helpers';
 
 describe('get link to published content', () => {
+  const publishedKey = 'content.published';
+  const content = { url: 'url' };
   it('should be a function', () => {
     expect(typeof getLinkToPublishedContent).toEqual('function');
   });
@@ -17,14 +19,26 @@ describe('get link to published content', () => {
   });
 
   it('should return url if key does include "published" and there is related content published', () => {
-    const props = { content: [{ url: 'url' }] };
-    const result = getLinkToPublishedContent('content.published', props);
-    expect(result).toEqual('url');
+    const props = { content: [content] };
+    const result = getLinkToPublishedContent(publishedKey, props);
+    expect(result).toEqual(content.url);
   });
 
   it('should return blank string if key does include "published" but there is no related content published', () => {
+    const props = { content: [] };
+    const result = getLinkToPublishedContent(publishedKey, props);
+    expect(result).toEqual('');
+  });
+
+  it('should return url if key does include "published" and content is not an array', () => {
+    const props = { content };
+    const result = getLinkToPublishedContent(publishedKey, props);
+    expect(result).toEqual(content.url);
+  });
+
+  it('should return blank string if key does include "published" but there is no url', () => {
     const props = { content: {} };
-    const result = getLinkToPublishedContent('content.published', props);
+    const result = getLinkToPublishedContent(publishedKey, props);
     expect(result).toEqual('');
   });
 });

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

@@ -2,14 +2,18 @@
 
 exports[`Menu component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
-  <ul
-    class="menu-mod"
+  <div
+    class="menu--desktop-wrapper"
   >
-    <div
-      class="child_1"
+    <ul
+      class="menu-mod"
     >
-      only child
-    </div>
-  </ul>
+      <div
+        class="child_1"
+      >
+        only child
+      </div>
+    </ul>
+  </div>
 </DocumentFragment>
 `;

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

@@ -74,6 +74,10 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "searchcontent": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "searchfilter": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],

package/tests/unit/src/helpers/get-filter-props.test.js

@@ -55,6 +55,16 @@ describe('getFilterProps function', () => {
     expect(!!relationProp.relationEntityName).toBe(true);
   });
 
+  it('should return relationEntityName key as true if relationName exists and matches in schema', () => {
+    const dyanmicPropFilter = getFilterProps(
+      'dynamicProp',
+      MOCKED_SCHEMA_FOR_FILTERS,
+      MOCKED_SCHEMA_FOR_FILTERS
+    );
+    expect(dyanmicPropFilter).toHaveProperty('hasProperty', true);
+    expect(dyanmicPropFilter).toHaveProperty('shouldIgnoreFilter', false);
+  });
+
   // todo: add test case
   // it('should return relationForeignKeys array with values if it isnt a schema or relation prop', () => {
   //   expect(withRelationKeys.relationForeignKeys).toBeDefined();