@blaze-cms/react-page-builder 0.124.0-alpha.0 → 0.124.0-alpha.12

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

@@ -3,10 +3,18 @@ import '@testing-library/jest-dom/extend-expect';
 import { render } from '@testing-library/react';
 import Video from '../../../../../src/components/Video';
 
+jest.mock('../../../../../src/hooks/use-get-images', () =>
+  jest.fn(() => ({ data: { getFile: { url: 'poster-url' } } }))
+);
+
 jest.mock('../../../../../src/components/Video/VideoRender', () =>
   jest.fn(({ provider, modifier }) => <div data-testid={`VideoRender-${provider}-${modifier}`} />)
 );
 
+jest.mock('../../../../../src/components/Video/VideoModal', () =>
+  jest.fn(() => <div>video modal</div>)
+);
+
 const getMockedProps = overrides => ({
   url: 'https://www.youtube.com/watch?v=mockedID',
   modifier: 'mocked-modifier',
@@ -18,10 +26,6 @@ const getMockedProps = overrides => ({
 describe('Video component', () => {
   const mockedProps = getMockedProps();
 
-  it('should be defined', () => {
-    expect(Video).toBeDefined();
-  });
-
   it('should match snapshot', () => {
     const { asFragment } = render(<Video {...mockedProps} />);
     expect(asFragment()).toMatchSnapshot();
@@ -60,4 +64,8 @@ describe('Video component', () => {
     expect(getByText(caption)).toBeDefined();
     expect(asFragment()).toMatchSnapshot();
   });
+  it('should video in modal if playInModal is true', () => {
+    const { asFragment } = render(<Video {...mockedProps} playInModal />);
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/tests/unit/src/components/Video/VideoModal.test.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import '@testing-library/jest-dom/extend-expect';
+import { render } from '@testing-library/react';
+import VideoModal from '../../../../../src/components/Video/VideoModal';
+
+jest.mock('../../../../../src/components/Video/VideoRender', () =>
+  jest.fn(({ provider, modifier }) => <div data-testid={`VideoRender-${provider}-${modifier}`} />)
+);
+
+describe('VideoModal component', () => {
+  it('should match snapshot', () => {
+    const { asFragment } = render(<VideoModal />);
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -45,3 +45,15 @@ exports[`Video component should render caption 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`Video component should video in modal if playInModal is true 1`] = `
+<DocumentFragment>
+  <div
+    class="video video--youtube mocked-modifier"
+  >
+    <div>
+      video modal
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/Video/__snapshots__/VideoModal.test.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VideoModal component should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    role="button"
+  >
+    <div
+      data-testid="VideoRender-undefined-undefined"
+    />
+  </div>
+</DocumentFragment>
+`;

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

@@ -3,6 +3,7 @@
 exports[`Wrapper component should handle Default value and render default tag 1`] = `
 <DocumentFragment>
   <div
+    backgroundimage="test-id"
     class="row wide desktop tablet mobile"
   >
     &lt;span /&gt;&lt;span /&gt;&lt;WithTitle(TextBlock) /&gt;
@@ -13,6 +14,7 @@ exports[`Wrapper component should handle Default value and render default tag 1`
 exports[`Wrapper component should render with custom tag 1`] = `
 <DocumentFragment>
   <article
+    backgroundimage="test-id"
     class="row wide desktop tablet mobile"
   >
     &lt;span /&gt;&lt;span /&gt;&lt;WithTitle(TextBlock) /&gt;
@@ -23,6 +25,7 @@ exports[`Wrapper component should render with custom tag 1`] = `
 exports[`Wrapper component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
   <div
+    backgroundimage="test-id"
     class="row wide desktop tablet mobile"
   >
     &lt;span /&gt;&lt;span /&gt;&lt;WithTitle(TextBlock) /&gt;

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

@@ -2,6 +2,10 @@
 
 exports[`Components should match snapshot 1`] = `
 Object {
+  "backtotop": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "banner": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],

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

@@ -33,6 +33,7 @@ describe('get card render props', () => {
       dynamicProperties: {}
     }
   };
+
   const cardProps = {};
 
   it('should be a function', () => {
@@ -159,4 +160,46 @@ describe('get card render props', () => {
       'id,name,url,sponsored,featured,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}}'
     );
   });
+
+  it('should include url if property has url', () => {
+    testUrlProperty({ extraProperties: { url: 'url' }, cardProps });
+  });
+
+  it('should include url if dynamic property has url', () => {
+    testUrlProperty({ dynamicProperties: { url: 'url' }, cardProps });
+  });
+
+  it('should add id prop to nested relations', () => {
+    const _data = {
+      getEntitySchema: {
+        interfaces: [CONTENT_INTERFACE],
+        properties: {
+          id: 'id',
+          categoryId: 'catId'
+        },
+        relations: [{ localField: 'address' }],
+        dynamicProperties: {}
+      }
+    };
+    const query = buildPropsQuery(_data, ['address.country'], cardProps);
+    expect(query).toEqual(
+      'id,name,url,sponsored,featured,category{name,listingPageId,listingPageEntity, id publishedListingPage{id, url}},address{country,id}'
+    );
+  });
 });
+
+function testUrlProperty({ extraProperties = {}, dynamicProperties = {}, cardProps }) {
+  const dataWithUrlProperty = {
+    getEntitySchema: {
+      interfaces: [],
+      properties: {
+        id: 'id',
+        ...extraProperties
+      },
+      relations: [],
+      dynamicProperties
+    }
+  };
+  const query = buildPropsQuery(dataWithUrlProperty, [], cardProps);
+  expect(query).toEqual('id,name,url');
+}