@blaze-cms/react-page-builder 0.146.0-translations.6 → 0.147.0-rc-eagle.2

package/tests/unit/src/components/DataSummary/helpers/strip-summary-props-content.test.js

@@ -1,40 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import stripSummaryPropsContent from '../../../../../../src/components/DataSummary/helpers/strip-summary-props-content';
-
-describe('strip summary props content', () => {
-  const stripTrue = [{ shouldStrip: true }];
-  const stripFalse = [{ shouldStrip: false }];
-  const mockedData = [['Props', '| meta | description |', ''], ['Props', 'meta', '']];
-  const expectedResult = [['Props', 'meta | description', ''], ['Props', 'meta', '']];
-
-  const result = stripSummaryPropsContent(stripTrue, mockedData);
-
-  it('should be a function', () => {
-    expect(typeof stripSummaryPropsContent).toEqual('function');
-  });
-
-  it('should always return an array', () => {
-    expect(Array.isArray(result)).toEqual(true);
-    expect(Array.isArray(stripSummaryPropsContent(stripFalse, []))).toEqual(true);
-  });
-
-  it('should return expected output', () => {
-    expect(result).toEqual(expectedResult);
-  });
-
-  it('should return same input if propsToDisplay is set to null', () => {
-    expect(stripSummaryPropsContent(null, mockedData)).toEqual(mockedData);
-  });
-
-  it('should return same input if propsToDisplay is undefined', () => {
-    expect(stripSummaryPropsContent(undefined, mockedData)).toEqual(mockedData);
-  });
-
-  it('should return same input if propsToDisplay is empty array)', () => {
-    expect(stripSummaryPropsContent([], mockedData)).toEqual(mockedData);
-  });
-
-  it('should return same input if strip option is set to false', () => {
-    expect(stripSummaryPropsContent(stripFalse, mockedData)).toEqual(mockedData);
-  });
-});

package/tests/unit/src/components/DataSummary/mockData.js

@@ -1,47 +0,0 @@
-import { generateSingleItemQuery } from '../../../../../src/application/query';
-
-const propsDataSummary = {
-  elementTitle: 'test-title',
-  modifier: 'mod',
-  summaryPropsWithContent: [['first', 'something', '', ''], ['second', 'other thing', '', '']],
-  propsToDisplayModifiers: []
-};
-
-const query = generateSingleItemQuery('getPublishedPage', 'id,metaDescription,name,category{name}');
-
-const mockedOptions = {
-  recordId: 'f5fe4d50-1b57-11ea-adb6-af887205bfc6',
-  propsToDisplay: [
-    {
-      propertiesToDisplay: ['metaDescription', 'name', 'category.name'],
-      label: 'lab',
-      prefix: 'pre',
-      suffix: 'su',
-      bold: false
-    }
-  ],
-  query,
-  type: 'large'
-};
-
-const mockedOptionsWithNoPropsToDisplay = {
-  recordId: 'f5fe4d50-1b57-11ea-adb6-af887205bfc6',
-  propsToDisplay: [],
-  query,
-  type: 'large'
-};
-
-const mockedOptionsWithError = {
-  recordId: 'errorId',
-  propsToDisplay: [],
-  query,
-  type: 'large'
-};
-
-export {
-  propsDataSummary,
-  query,
-  mockedOptions,
-  mockedOptionsWithNoPropsToDisplay,
-  mockedOptionsWithError
-};

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

@@ -1,129 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import dayjs from 'dayjs';
-import DateTime from '../../../../../src/components/DateTime';
-
-describe('DateTime component', () => {
-  const customFormat = 'MM-DD-YYYY';
-
-  it('renders null if both format and customFormat are not provided', () => {
-    const { container } = render(<DateTime />);
-    expect(container.firstChild).toBeNull();
-  });
-
-  it('renders correctly with LT format', () => {
-    const { getByText } = render(<DateTime format="LT" />);
-    expect(getByText(/\d{1,2}:\d{2} [AP]M/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with LTS format', () => {
-    const { getByText } = render(<DateTime format="LTS" />);
-    expect(getByText(/\d{1,2}:\d{2}:\d{2} [AP]M/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with L format', () => {
-    const { getByText } = render(<DateTime format="L" />);
-    expect(getByText(/\d{2}\/\d{2}\/\d{4}/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with LL format', () => {
-    const { getByText } = render(<DateTime format="LL" />);
-    expect(
-      getByText(
-        /(?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4}/
-      )
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly with LLL format', () => {
-    const { getByText } = render(<DateTime format="LLL" />);
-    expect(
-      getByText(
-        /(?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
-      )
-    ).toBeInTheDocument();
-  });
-
-  // sonarignore:start
-  it('renders correctly with LLLL format', () => {
-    const { getByText } = render(<DateTime format="LLLL" />);
-    expect(
-      getByText(
-        /(?:Sunday|Monday|Tuesday|Wednesday|Thursday|Friday|Saturday), (?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
-      )
-    ).toBeInTheDocument();
-  });
-  // sonarignore:end
-
-  it('renders correctly with l format', () => {
-    const { getByText } = render(<DateTime format="l" />);
-    expect(getByText(/\d{1,2}\/\d{1,2}\/\d{4}/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with ll format', () => {
-    const { getByText } = render(<DateTime format="ll" />);
-    expect(
-      getByText(/(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4}/)
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly with lll format', () => {
-    const { getByText } = render(<DateTime format="lll" />);
-    expect(
-      getByText(
-        /(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
-      )
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly with llll format', () => {
-    const { getByText } = render(<DateTime format="llll" />);
-    expect(
-      getByText(
-        /(?:Sun|Mon|Tue|Wed|Thu|Fri|Sat), (?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
-      )
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly with customFormat DD-YYYY-MM', () => {
-    const customDateFormat = 'DD-YYYY-MM';
-    const { getByText } = render(<DateTime format="L" customFormat={customDateFormat} />);
-    expect(getByText(/\d{2}-\d{4}-\d{2}/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with customFormat and modifier', () => {
-    const modifier = 'bold';
-    const { getByText } = render(
-      <DateTime format="L" customFormat={customFormat} modifier={modifier} />
-    );
-    const dateElement = getByText(/\d{2}-\d{2}-\d{4}/);
-    expect(dateElement).toBeInTheDocument();
-    expect(dateElement).toHaveClass('bold');
-  });
-
-  it('renders with prefix and suffix', () => {
-    const formattedDate = dayjs().format(customFormat);
-    const prefix = 'Start: ';
-    const suffix = ' End';
-
-    const { getByText } = render(
-      <DateTime format="L" customFormat={customFormat} prefix={prefix} suffix={suffix} />
-    );
-
-    expect(getByText(`${prefix}${formattedDate}${suffix}`)).toBeInTheDocument();
-  });
-
-  it('renders only the date when prefix and suffix are not provided', () => {
-    const formattedDate = dayjs().format(customFormat);
-
-    const { getByText, queryByText } = render(<DateTime format="L" customFormat={customFormat} />);
-
-    expect(getByText(formattedDate)).toBeInTheDocument();
-    expect(queryByText('Start: ')).not.toBeInTheDocument();
-    expect(queryByText(' End')).not.toBeInTheDocument();
-  });
-});

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

@@ -1,53 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render, act } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import EmailConfirm from '../../../../../src/components/EmailConfirm';
-
-jest.mock('@apollo/client', () => ({
-  ...jest.requireActual('@apollo/client'),
-  useMutation: jest.fn(() => [variables => variables, { loading: false }])
-}));
-
-jest.mock('next/router', () => ({
-  useRouter: jest
-    .fn()
-    .mockImplementationOnce(() => ({ asPath: '/test-url', push: jest.fn() }))
-    .mockImplementationOnce(() => ({ asPath: '/test-url?token=123', push: jest.fn() }))
-}));
-
-const mockedProps = {
-  modifier: 'error-modifier',
-  errorMessage: 'something went wrong',
-  children: []
-};
-
-describe('EmailConfirm component', () => {
-  let promise;
-
-  beforeEach(() => {
-    promise = Promise.resolve();
-  });
-
-  afterEach(async () => {
-    await act(() => promise);
-  });
-
-  it('should render with error if no token is in url', () => {
-    const { asFragment } = render(<EmailConfirm {...mockedProps} />);
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should render children if token is in url and mutation is successfull', async () => {
-    const { asFragment } = render(
-      <EmailConfirm {...mockedProps}>
-        <span>child</span>
-      </EmailConfirm>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EmailConfirm component should render children if token is in url and mutation is successfull 1`] = `<DocumentFragment />`;
-
-exports[`EmailConfirm component should render with error if no token is in url 1`] = `
-<DocumentFragment>
-  <span
-    class="error-modifier"
-  >
-    something went wrong
-  </span>
-</DocumentFragment>
-`;

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

@@ -1,21 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import { render } from '@blaze-cms/tools/test-helpers/test-functions';
-import Iframe from '../../../../../src/components/Iframe/Iframe';
-
-describe('Iframe component', () => {
-  it('should not render if no src is passed', () => {
-    const { asFragment: iFrame } = render(Iframe);
-    expect(iFrame()).toMatchSnapshot();
-  });
-
-  it('should not render otherwise', () => {
-    const { asFragment: iFrame } = render(Iframe, {
-      src: 'www.someurl.com',
-      height: '200',
-      width: '100'
-    });
-    expect(iFrame()).toMatchSnapshot();
-  });
-});

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

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Iframe component should not render if no src is passed 1`] = `<DocumentFragment />`;
-
-exports[`Iframe component should not render otherwise 1`] = `
-<DocumentFragment>
-  <div
-    class="iframe-container"
-  >
-    <iframe
-      height="200"
-      id="iFrameResizer0"
-      scrolling="no"
-      src="www.someurl.com"
-      style="overflow: hidden;"
-      title="iframe"
-      width="100"
-    />
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/Image/GlobalLightbox/GlobalLightbox.test.js

@@ -1,123 +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, screen, waitFor } from '@testing-library/react';
-
-import { Router } from 'react-router-dom';
-import { createMemoryHistory } from 'history';
-import GlobalLightbox from '../../../../../../src/components/Image/GlobalLightbox/GlobalLightbox';
-import getMockedLightboxProps from './getMockedLightboxProps';
-import LIGHTBOX_MOCKS from './mocks';
-
-const [MOCK_WITH_DATA, MOCK_WITH_ERROR] = LIGHTBOX_MOCKS;
-
-const testId = 'globalLightboxImage';
-const credits = 'credits test';
-
-const mockProps = {
-  images: [
-    {
-      imageId: 'test-id',
-      url: 'www.url-test-prop.com',
-      areImageCreditsDisplayed: true,
-      isCaptionDisplayed: true,
-      credits
-    }
-  ]
-};
-
-const setup = async (props, mocks) => {
-  const history = createMemoryHistory();
-
-  return (
-    <Router history={history}>
-      <MockedProvider mocks={mocks}>
-        <GlobalLightbox {...props} />
-      </MockedProvider>
-    </Router>
-  );
-};
-
-const renderComponent = async component => {
-  let renderResults;
-
-  await act(async () => {
-    renderResults = render(component);
-  });
-
-  return {
-    ...renderResults
-  };
-};
-
-const setupTest = async () => {
-  const props = getMockedLightboxProps();
-  const componentMock = await setup(props, MOCK_WITH_DATA);
-  const renderResults = await renderComponent(componentMock);
-
-  return {
-    ...renderResults
-  };
-};
-
-describe('GlobalLightbox component', () => {
-  it('should be defined', () => {
-    expect(GlobalLightbox).toBeDefined();
-    expect(typeof GlobalLightbox).toEqual('function');
-  });
-
-  it('should match snapshot', async () => {
-    const { asFragment, getByTestId } = await setupTest();
-    await waitFor(() => getByTestId(testId));
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should not render caption if image does not have it', async () => {
-    const { getByTestId } = await setupTest();
-    await waitFor(() => getByTestId(testId));
-    const image = await getByTestId(testId);
-    expect(image).toHaveAttribute('alt', '');
-  });
-
-  it('should return error message if error', async () => {
-    const props = getMockedLightboxProps({ images: [{ imageId: 'error' }] });
-    const componentMock = await setup(props, MOCK_WITH_ERROR);
-    const { container, getByText } = await renderComponent(componentMock);
-    await waitFor(() => getByText('this is an error'));
-    expect(container.innerHTML).toContain('this is an error');
-  });
-
-  it('should render ImageDetails if shouldDisplayCredits & shouldDisplayCaptions are true', async () => {
-    const props = getMockedLightboxProps(mockProps);
-
-    const componentMock = await setup(props, MOCK_WITH_DATA);
-    const { getByTestId } = await renderComponent(componentMock);
-    expect(getByTestId('image-details'));
-  });
-
-  it('should not render ImageDetails if shouldDisplayCredits & shouldDisplayCaptions are false', async () => {
-    const props = getMockedLightboxProps({
-      images: [
-        {
-          imageId: 'test-id',
-          url: 'www.url-test-prop.com',
-          areImageCreditsDisplayed: false,
-          isCaptionDisplayed: false,
-          credits
-        }
-      ]
-    });
-
-    const componentMock = await setup(props, MOCK_WITH_DATA);
-
-    await act(async () => {
-      render(componentMock);
-    });
-
-    const imageCredits = screen.queryByText('credits test');
-    expect(imageCredits).not.toBeInTheDocument();
-  });
-});

package/tests/unit/src/components/Image/GlobalLightbox/NavButton.test.js

@@ -1,44 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
-import { render, screen, fireEvent } from '@testing-library/react';
-import NavButton from '../../../../../../src/components/Image/GlobalLightbox/NavButton';
-
-const handleAction = jest.fn();
-
-const getMockedProps = overrides => ({
-  modifier: 'next',
-  handleAction,
-  show: true,
-  ...overrides
-});
-
-const renderComponent = (Component, props, renderMethod = render) => {
-  const rendered = renderMethod(<Component {...props} />);
-  return { ...rendered };
-};
-
-describe('NavButton component', () => {
-  it('should render without throwing error and match snapshot', () => {
-    const { asFragment } = renderComponent(NavButton, getMockedProps());
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should call mocked function on click button', () => {
-    renderComponent(NavButton, getMockedProps());
-    const button = screen.getByRole('button');
-
-    fireEvent.click(button);
-    expect(handleAction).toHaveBeenCalled();
-  });
-
-  it('should render correct button', () => {
-    const { rerender, getByTestId } = renderComponent(NavButton, getMockedProps());
-    expect(getByTestId('navButton-next')).toHaveClass('arrow--right');
-
-    rerender(<NavButton {...getMockedProps({ modifier: 'previous' })} />);
-    expect(getByTestId('navButton-previous')).toHaveClass('arrow--left');
-  });
-});

package/tests/unit/src/components/Image/GlobalLightbox/__snapshots__/GlobalLightbox.test.js.snap

@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GlobalLightbox component should match snapshot 1`] = `
-<DocumentFragment>
-  <div>
-    <div
-      class="overlay"
-    />
-    <div
-      class="modal modal--full-screen modal--gallery modal--show"
-    >
-      <header
-        class="modal__header modal__header--gallery"
-      >
-        <div
-          class="modal__title modal__title--gallery"
-        />
-        <div
-          aria-label="Close modal"
-          class="modal__close"
-          role="button"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 352 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-              />
-            </svg>
-          </i>
-        </div>
-      </header>
-      <div
-        class="modal__content modal__content--gallery"
-      >
-        <div
-          class="gallery"
-        >
-          <div
-            class="gallery__column gallery__column--slider"
-          >
-            <div
-              class="gallery__slider"
-            >
-              <div
-                class="slider__wrapper slider__wrapper--gallery open"
-              >
-                <div
-                  class="slider__header slider__header--gallery"
-                >
-                  <div
-                    class="slider__counter slider__counter--gallery"
-                    data-testid="image-counter"
-                  >
-                    1 / 1
-                  </div>
-                </div>
-                <div
-                  class="slider slider--gallery"
-                >
-                  <div
-                    class="slider__list slider__list--gallery"
-                  >
-                    <div
-                      class="slider__list-wrapper slider__list-wrapper--gallery"
-                    >
-                      <div
-                        class="slider__slide slider__slide--gallery"
-                      >
-                        <a
-                          aria-label="Open www.url-test-prop.com"
-                          href="http://www.url-test-prop.com"
-                          rel="noopener nofollow"
-                          target="_blank"
-                        >
-                          <img
-                            alt=""
-                            data-testid="globalLightboxImage"
-                            src="test-url"
-                          />
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/Image/GlobalLightbox/__snapshots__/NavButton.test.js.snap

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`NavButton component should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="slider__button slider__button--gallery slider__button--next"
-    role="button"
-  >
-    <div
-      class="arrow arrow--right"
-      data-testid="navButton-next"
-    />
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/Image/GlobalLightbox/getMockedLightboxProps.js

@@ -1,15 +0,0 @@
-function getMockedLightboxProps(overrides) {
-  return {
-    images: [
-      {
-        imageId: 'test-id',
-        url: 'www.url-test-prop.com'
-      }
-    ],
-    selectedImage: 0,
-    onClose: jest.fn(),
-    ...overrides
-  };
-}
-
-export default getMockedLightboxProps;

package/tests/unit/src/components/Image/GlobalLightbox/mocks.js

@@ -1,39 +0,0 @@
-import { getFileById } from '../../../../../../src/application/query';
-
-const LIGHTBOX_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'
-          }
-        }
-      }
-    }
-  ],
-  [
-    {
-      request: {
-        query: getFileById,
-        variables: {
-          id: 'error'
-        }
-      },
-      error: new Error('this is an error')
-    }
-  ]
-];
-
-export default LIGHTBOX_MOCKS;