@blaze-cms/react-page-builder 0.146.0-translations.8 → 0.147.0-rc-eagle.4

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

@@ -1,89 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TextBlock component With wrapper flag should render with wrapper and legacy class and modifier 1`] = `
-<DocumentFragment>
-  <div
-    class="page-content mocked-modifier"
-  >
-     
-    <section>
-      <h1>
-        Lorem ipsum
-      </h1>
-       
-      <a
-        aria-label="link"
-        href="/"
-      >
-        link
-      </a>
-    </section>
-     
-  </div>
-</DocumentFragment>
-`;
-
-exports[`TextBlock component With wrapper flag should render with wrapper and legacy class even with no modifier 1`] = `
-<DocumentFragment>
-  <div
-    class="page-content "
-  >
-     
-    <section>
-      <h1>
-        Lorem ipsum
-      </h1>
-       
-      <a
-        aria-label="link"
-        href="/"
-      >
-        link
-      </a>
-    </section>
-     
-  </div>
-</DocumentFragment>
-`;
-
-exports[`TextBlock component should match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class=" mocked-modifier"
-  >
-     
-    <section>
-      <h1>
-        Lorem ipsum
-      </h1>
-       
-      <a
-        aria-label="link"
-        href="/"
-      >
-        link
-      </a>
-    </section>
-     
-  </div>
-</DocumentFragment>
-`;
-
-exports[`TextBlock component should not render wrapper if no modifier 1`] = `
-<DocumentFragment>
-   
-  <section>
-    <h1>
-      Lorem ipsum
-    </h1>
-     
-    <a
-      aria-label="link"
-      href="/"
-    >
-      link
-    </a>
-  </section>
-   
-</DocumentFragment>
-`;

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

@@ -1,74 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-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',
-  name: 'video-test',
-  provider: 'youtube',
-  ...overrides
-});
-
-describe('Video component', () => {
-  const mockedProps = getMockedProps();
-
-  it('should match snapshot', () => {
-    const { asFragment } = render(<Video {...mockedProps} />);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should render youtube provider with provider specific modifier', async () => {
-    const { container } = render(<Video {...mockedProps} />);
-    expect(container.childNodes[0]).toHaveClass(mockedProps.modifier);
-    expect(container.childNodes[0]).toHaveClass(`video--youtube`);
-  });
-
-  it('should default to youtube if no provider set', async () => {
-    const { provider, ...propsToUse } = mockedProps;
-    const { container } = render(<Video {...propsToUse} />);
-    expect(container.childNodes[0]).toHaveClass(`video--youtube`);
-  });
-
-  it('should have modifer in lower case', async () => {
-    const { container, asFragment } = render(
-      <Video {...getMockedProps({ provider: 'MixedCaseProvider' })} />
-    );
-    expect(container.childNodes[0]).toHaveClass(`video--mixedcaseprovider`);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should not render if there is no url provided', () => {
-    const { container } = render(<Video {...getMockedProps({ url: null })} />);
-    expect(container).toBeEmptyDOMElement();
-  });
-
-  it('should render caption', () => {
-    const caption = 'Video Caption';
-    const { getByText, asFragment } = render(
-      <Video {...getMockedProps({ caption, isCaptionDisplayed: true })} />
-    );
-    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

@@ -1,18 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-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

@@ -1,59 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Video component should have modifer in lower case 1`] = `
-<DocumentFragment>
-  <div
-    class="video video--mixedcaseprovider mocked-modifier"
-  >
-    <div
-      data-testid="VideoRender-MixedCaseProvider-mocked-modifier"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Video component should match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="video video--youtube mocked-modifier"
-  >
-    <div
-      data-testid="VideoRender-youtube-mocked-modifier"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Video component should render caption 1`] = `
-<DocumentFragment>
-  <div
-    class="video video--youtube mocked-modifier"
-  >
-    <div
-      data-testid="VideoRender-youtube-mocked-modifier"
-    />
-    <div
-      class="video__details"
-      data-testid="video-details"
-    >
-      <div
-        class="caption"
-      >
-        Video Caption
-      </div>
-    </div>
-  </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

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

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

@@ -1,22 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import { render } from '@blaze-cms/tools/test-helpers/test-functions';
-import '@testing-library/jest-dom/extend-expect';
-import Default from '../../../../../../src/components/Video/providers/Default';
-
-describe('Default provider component', () => {
-  const props = {
-    url: 'http://media.w3.org/2010/05/bunny/movie.mp4',
-    modifier: 'mocked-modifier'
-  };
-
-  it('should be defined', () => {
-    expect(Default).toBeDefined();
-  });
-
-  it('should render without throwing error and match snapshot', async () => {
-    const { asFragment } = render(Default, props);
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/tests/unit/src/components/Video/providers/JWPlayer/JWPlayerProvider.test.js

@@ -1,49 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-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 JWPlayerProvider from '../../../../../../../src/components/Video/providers/JWPlayer/JWPlayerProvider';
-import IMAGE_MOCKS, { getMockedJWPlayerProps } from './mocks';
-
-const [MOCK_WITH_DATA] = IMAGE_MOCKS;
-
-const renderComponent = async component => {
-  let renderResults;
-
-  await act(async () => {
-    renderResults = render(component);
-  });
-
-  return {
-    ...renderResults
-  };
-};
-
-const setupTest = async () => {
-  const props = getMockedJWPlayerProps();
-  const componentMock = (
-    <MockedProvider mocks={MOCK_WITH_DATA}>
-      <JWPlayerProvider {...props} />
-    </MockedProvider>
-  );
-
-  const renderResults = await renderComponent(componentMock);
-
-  return {
-    ...renderResults
-  };
-};
-
-describe('JWPlayerProvider component', () => {
-  it('should be defined', () => {
-    expect(JWPlayerProvider).toBeDefined();
-  });
-
-  it('should match snapshot', async () => {
-    const { asFragment } = await setupTest();
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`JWPlayerProvider component should match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="video__wrapper"
-  >
-    <div
-      id="JWPlayer-test"
-    />
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/Video/providers/JWPlayer/mocks.js

@@ -1,40 +0,0 @@
-import { getFileById } from '../../../../../../../src/application/query';
-
-const VIDEO_MOCKS = [
-  [
-    {
-      request: {
-        query: getFileById,
-        variables: {
-          id: 'test-id'
-        }
-      },
-      result: {
-        data: {
-          getFile: {
-            id: 'test-id',
-            location: 'test-location',
-            mimetype: 'test-mimetype',
-            url: 'test-url',
-            data: null,
-            __typename: 'FILE'
-          }
-        }
-      }
-    }
-  ]
-];
-
-export function getMockedJWPlayerProps(overrides) {
-  return {
-    url: 'https://content.jwplatform.com/feeds/H3qjaSsm.json',
-    urlScript: 'https://content.jwplatform.com/libraries/K1yA83cS.js',
-    name: 'JWPlayer-test',
-    autoplay: true,
-    controls: true,
-    loop: true,
-    ...overrides
-  };
-}
-
-export default VIDEO_MOCKS;

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

@@ -1,13 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import { render } from '@blaze-cms/tools/test-helpers/test-functions';
-import '@testing-library/jest-dom/extend-expect';
-import VimeoProvider from '../../../../../../../src/components/Video/providers/Vimeo/VimeoProvider';
-
-describe('VimeoProvider component', () => {
-  it('should render without throwing error and match snapshot', async () => {
-    const { asFragment } = render(VimeoProvider, {});
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,10 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`VimeoProvider component should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="video__wrapper"
-    role="button"
-  />
-</DocumentFragment>
-`;

package/tests/unit/src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.test.js

@@ -1,24 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import addExtraParamsToUrl from '../../../../../../../../src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url';
-
-const mockUrl = 'https://www.vimeo.com/12938920';
-
-describe('addExtraParamsToUrl helper function', () => {
-  it('should return url with params based on props', () => {
-    const newUrl = addExtraParamsToUrl(mockUrl);
-    const newUrlWithAutoplay = addExtraParamsToUrl(mockUrl, { autoplay: true, loop: false });
-    const newUrlWithHeight = addExtraParamsToUrl(mockUrl, {
-      autoplay: false,
-      loop: false,
-      height: '21132px'
-    });
-
-    expect(newUrl).toEqual('https://vimeo.com/api/oembed.json?url=https://www.vimeo.com/12938920');
-    expect(newUrlWithAutoplay).toEqual(
-      'https://vimeo.com/api/oembed.json?url=https://www.vimeo.com/12938920&autoplay=true'
-    );
-    expect(newUrlWithHeight).toEqual(
-      'https://vimeo.com/api/oembed.json?url=https://www.vimeo.com/12938920&height=21132px'
-    );
-  });
-});

package/tests/unit/src/components/Video/providers/YouTube/YouTubeProvider.test.js

@@ -1,15 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import { render } from '@blaze-cms/tools/test-helpers/test-functions';
-import '@testing-library/jest-dom/extend-expect';
-import YouTubeProvider from '../../../../../../../src/components/Video/providers/YouTube/YouTubeProvider';
-
-describe('YouTubeProvider component', () => {
-  const props = { url: 'https://www.youtube.com/watch?v=mockedID', modifier: 'mocked-modifier' };
-
-  it('should render without throwing error and match snapshot', async () => {
-    const { asFragment } = render(YouTubeProvider, props);
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`YouTubeProvider component should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="video__wrapper"
-  >
-    <div
-      aria-label="View video"
-      class="yt-facade "
-      data-title=""
-      role="button"
-      style="background-image: url(https://i.ytimg.com/vi/mockedID/sddefault.jpg);"
-    >
-      <div
-        aria-label="Watch "
-        class="yt-facade-button-wrapper"
-        type="button"
-      >
-        <div
-          class="yt-facade-button"
-        />
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/Video/providers/YouTube/helpers/index.test.js

@@ -1,23 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import {
-  getYouTubeID,
-  booleanToNumber
-} from '../../../../../../../../src/components/Video/providers/YouTube/helpers';
-
-const link = 'https://www.youtube.com/watch?v=R3WPjVm5t5k&ab_channel=Pentacode';
-describe('get YouTube id', () => {
-  it('should be a function', () => {
-    expect(typeof getYouTubeID).toEqual('function');
-  });
-
-  it('should return id from youtube url', () => {
-    const embeddedId = getYouTubeID(link);
-
-    expect(embeddedId).toBeDefined();
-  });
-
-  it('convert number to boolean', () => {
-    expect(booleanToNumber(1)).toBeTruthy;
-    expect(booleanToNumber(0)).toBeFalsy;
-  });
-});

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

@@ -1,165 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Default provider component should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="video__wrapper"
-  >
-    <div
-      class="video-react-controls-enabled video-react-paused video-react-fluid video-react-user-active video-react-workinghover video-react mocked-modifier"
-      role="region"
-      style="padding-top: 56.25%;"
-      tabindex="-1"
-    >
-      <video
-        class="video-react-video"
-        preload="none"
-        tabindex="-1"
-      >
-        <source
-          src="http://media.w3.org/2010/05/bunny/movie.mp4"
-        />
-      </video>
-      <div
-        class="video-react-loading-spinner"
-      />
-      <button
-        aria-live="polite"
-        class="video-react-big-play-button video-react-big-play-button-left big-play-button-hide"
-        tabindex="0"
-        type="button"
-      >
-        <span
-          class="video-react-control-text"
-        >
-          Play Video
-        </span>
-      </button>
-      <div
-        class="video-react-control-bar video-react-control-bar-auto-hide"
-      >
-        <button
-          class="video-react-play-control video-react-control video-react-button video-react-paused"
-          tabindex="0"
-          type="button"
-        >
-          <span
-            class="video-react-control-text"
-          >
-            Play
-          </span>
-        </button>
-        <div
-          class="video-react-volume-menu-button-horizontal video-react-vol-3 video-react-volume-menu-button video-react-menu-button-inline video-react-control video-react-button video-react-menu-button"
-          role="button"
-          tabindex="0"
-        >
-          <div
-            class="video-react-menu"
-          >
-            <div
-              class="video-react-menu-content"
-            >
-              <div
-                aria-label="volume level"
-                aria-valuemax="100"
-                aria-valuemin="0"
-                aria-valuenow="100.00"
-                aria-valuetext="100.00%"
-                class="video-react-volume-bar video-react-slider-bar video-react-slider-horizontal video-react-slider"
-                role="slider"
-                tabindex="0"
-              >
-                <div
-                  class="video-react-volume-level"
-                  style="width: 100.00%;"
-                >
-                  <span
-                    class="video-react-control-text"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="video-react-current-time video-react-time-control video-react-control"
-        >
-          <div
-            aria-live="off"
-            class="video-react-current-time-display"
-          >
-            <span
-              class="video-react-control-text"
-            >
-              Current Time 
-            </span>
-            0:00
-          </div>
-        </div>
-        <div
-          class="video-react-time-control video-react-time-divider"
-          dir="ltr"
-        >
-          <div>
-            <span>
-              /
-            </span>
-          </div>
-        </div>
-        <div
-          class="video-react-duration video-react-time-control video-react-control"
-        >
-          <div
-            aria-live="off"
-            class="video-react-duration-display"
-          >
-            <span
-              class="video-react-control-text"
-            >
-              Duration Time 
-            </span>
-            0:00
-          </div>
-        </div>
-        <div
-          class="video-react-progress-control video-react-control"
-        >
-          <div
-            aria-label="video progress bar"
-            aria-valuemax="100"
-            aria-valuemin="0"
-            aria-valuenow="NaN"
-            aria-valuetext="0:00"
-            class="video-react-progress-holder video-react-slider-horizontal video-react-slider"
-            role="slider"
-            tabindex="0"
-          >
-            <div
-              class="video-react-play-progress video-react-slider-bar"
-              data-current-time="0:00"
-            >
-              <span
-                class="video-react-control-text"
-              >
-                Progress: NaN%
-              </span>
-            </div>
-          </div>
-        </div>
-        <button
-          class="video-react-icon-fullscreen video-react-fullscreen-control video-react-control video-react-button video-react-icon"
-          tabindex="0"
-          type="button"
-        >
-          <span
-            class="video-react-control-text"
-          >
-            Non-Fullscreen
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;