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

package/tests/unit/src/components/SearchFilter/helpers/get-initial-filter-values.test.js

@@ -1,50 +0,0 @@
-import getFilterValues from '../../../../../../src/components/SearchFilter/helpers/get-filter-values';
-import { SEARCH_TERM } from '../../../../../../src/components/SearchFilter/constants';
-
-const filters = [
-  { propsToDisplay: ['rangeFilter'], type: 'range', rangeInterval: 1 },
-  { propsToDisplay: ['checkboxFilter'], type: 'checkbox' },
-  { propsToDisplay: ['emptySelect'], type: 'select' }
-];
-const query = {
-  [SEARCH_TERM]: 'some text search',
-  rangeFilter: '7-8',
-  checkboxFilter: ['check1', 'check2']
-};
-const mockedProps = [
-  [{}, [], {}],
-  [{ rangeFilter: { min: 5, max: 10 }, checkboxFilter: {}, emptySelect: {} }, filters, query]
-];
-
-describe('getFilterValues helper function', () => {
-  const withNoValue = getFilterValues(...mockedProps[0]);
-  const withValues = getFilterValues(...mockedProps[1]);
-
-  it('should return init filter values based on query and filterData', () => {
-    expect(withNoValue).toEqual({ search_term: '', dataNotSet: false });
-    expect(withValues).toEqual({
-      search_term: query[SEARCH_TERM],
-      rangeFilter: { max: 10, maxValue: 8, min: 5, minValue: 7, step: 1 },
-      checkboxFilter: ['check1', 'check2'],
-      emptySelect: null,
-      dataNotSet: false
-    });
-  });
-
-  it('should return init filter values without filterData', () => {
-    const withNoData = getFilterValues(null, filters, query);
-    expect(withNoData).toEqual({
-      search_term: query[SEARCH_TERM],
-      rangeFilter: {
-        max: 8,
-        maxValue: 8,
-        min: 7,
-        minValue: 7,
-        step: 1
-      },
-      checkboxFilter: query.checkboxFilter,
-      emptySelect: null,
-      dataNotSet: true
-    });
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/get-intersected-prop.test.js

@@ -1,12 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import getIntersectedProp from '../../../../../../src/components/SearchFilter/helpers/get-intersected-prop';
-
-describe('get intersected prop', () => {
-  const intersectedPropNoMatch = getIntersectedProp({}, ['priceUsd']);
-  const intersectedPropNoMultipleProps = getIntersectedProp({ priceUsd: '15-200' }, ['priceUsd']);
-
-  it('should return first matching element or undefined', () => {
-    expect(intersectedPropNoMatch).toEqual(undefined);
-    expect(intersectedPropNoMultipleProps).toEqual('priceUsd');
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/get-range-value.test.js

@@ -1,24 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import getRangeValue from '../../../../../../src/components/SearchFilter/helpers/get-range-value';
-
-describe('get range value function', () => {
-  const noRawQueryProp = getRangeValue(null, 5, 15, 130);
-  const withRawQueryProp = getRangeValue('2-22', 10, 25, 150);
-
-  it('should be a function', () => {
-    expect(typeof getRangeValue).toEqual('function');
-  });
-
-  it('should always return an object', () => {
-    expect(typeof noRawQueryProp).toBe('object');
-    expect(typeof withRawQueryProp).toBe('object');
-  });
-
-  it('should return the same min max values if no rawQueryProp is passed', () => {
-    expect(noRawQueryProp).toEqual({ max: 130, maxValue: 130, min: 15, minValue: 15, step: 5 });
-  });
-
-  it('should return the min max values from rawQueryProp if passed', () => {
-    expect(withRawQueryProp).toEqual({ max: 150, maxValue: 22, min: 20, minValue: 2, step: 10 });
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/get-select-options.test.js

@@ -1,40 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import getSelectOptions from '../../../../../../src/components/SearchFilter/helpers/get-select-options';
-
-describe('get select options', () => {
-  const propsToDisplay = ['priceUsd', 'priceEur'];
-
-  it('should be a function', () => {
-    expect(typeof getSelectOptions).toEqual('function');
-  });
-
-  it('should return an array with the correct options', () => {
-    const selectOptions = getSelectOptions(
-      { properties: { priceEur: { unit: '€' }, priceUsd: { unit: '$' } } },
-      propsToDisplay
-    );
-    expect(Array.isArray(selectOptions)).toBeTruthy();
-    expect(selectOptions).toEqual([['priceUsd', '$'], ['priceEur', '€']]);
-  });
-
-  it('should return empty array if entitySchema has no content', () => {
-    expect(getSelectOptions({})).toEqual([]);
-  });
-
-  it('should return dynamic properties when no properties are provided', () => {
-    const dynamicPropsToDisplay = ['pricePound', 'priceEur'];
-    expect(
-      getSelectOptions(
-        { dynamicProperties: { pricePound: { unit: '£' }, priceEur: { unit: '€' } } },
-        dynamicPropsToDisplay
-      )
-    ).toEqual([['pricePound', '£'], ['priceEur', '€']]);
-  });
-
-  it('should return dynamic properties when no properties are provided', () => {
-    expect(getSelectOptions({}, propsToDisplay)).toEqual([
-      ['priceUsd', 'priceUsd'],
-      ['priceEur', 'priceEur']
-    ]);
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/get-updated-filter-by.test.js

@@ -1,28 +0,0 @@
-import getUpdatedFilterBy from '../../../../../../src/components/SearchFilter/helpers/get-updated-filter-by';
-
-const mockedFilterByProperty = ['categoryId/product', 'subjectIds/product'];
-
-const mockedParentData = {
-  id: 'abc123d',
-  categoryId: null,
-  subjectIds: ['subjectid123s']
-};
-
-describe('getUpdatedFilterBy helper', () => {
-  const mockedFilterBy = [1, 2, 3];
-  const noParentData = getUpdatedFilterBy(mockedFilterBy, [], {});
-  const withFilterBy = getUpdatedFilterBy(mockedFilterBy, [], { id: '123' });
-  const withUpdatedFilterBy = getUpdatedFilterBy([], mockedFilterByProperty, mockedParentData);
-
-  it('should return current filterBy and filterByProperty if no parentData or if filterBy values exist', () => {
-    expect(noParentData).toEqual({ updatedFilterBy: mockedFilterBy, updatedFilterByProperty: [] });
-    expect(withFilterBy).toEqual({ updatedFilterBy: mockedFilterBy, updatedFilterByProperty: [] });
-  });
-
-  it('should return updated filterBy based on parent data matchess', () => {
-    expect(withUpdatedFilterBy).toEqual({
-      updatedFilterBy: ['subjectIds/subjectid123s'],
-      updatedFilterByProperty: mockedFilterByProperty
-    });
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/is-device-desktop.test.js

@@ -1,31 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import isDeviceDesktop from '../../../../../../src/components/SearchFilter/helpers/is-device-desktop';
-import { TABLET_WIDTH } from '../../../../../../src/components/SearchFilter/constants';
-
-describe('check device function', () => {
-  const defaultWindowWidth = window.innerWidth;
-
-  afterAll(() => {
-    window.innerWidth = defaultWindowWidth;
-  });
-
-  it('should be a function', () => {
-    expect(typeof isDeviceDesktop).toEqual('function');
-  });
-
-  it('should always return a boolean', () => {
-    expect(typeof isDeviceDesktop()).toEqual('boolean');
-  });
-
-  it('should return true if window.innerWidth is bigger than the width value set in TABLET_WIDTH constant', () => {
-    window.innerWidth = TABLET_WIDTH + 1;
-    expect(isDeviceDesktop()).toBeTruthy();
-  });
-
-  it('should return false if window.innerWidth is lower than the width value set in TABLET_WIDTH constant', () => {
-    window.innerWidth = TABLET_WIDTH;
-    expect(isDeviceDesktop()).toBeFalsy();
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/parse-filter-value.test.js

@@ -1,35 +0,0 @@
-import parseFilterValue from '../../../../../../src/components/SearchFilter/helpers/parse-filter-value';
-
-const mockedProps = [
-  ['', '', {}],
-  ['rangeVal', 'range', { minValue: 10, maxValue: 20 }],
-  ['checkVal', 'checkbox', ['check1', 'check2']],
-  ['checkVal2', 'checkbox', 'check3'],
-  ['selectVal', 'select', 'select value']
-];
-
-describe('parseFilterValue helper function', () => {
-  const withNoValue = parseFilterValue(...mockedProps[0]);
-  const rangeValue = parseFilterValue(...mockedProps[1]);
-  const checkboxArrayValue = parseFilterValue(...mockedProps[2]);
-  const checkboxStringValue = parseFilterValue(...mockedProps[3]);
-  const selectValue = parseFilterValue(...mockedProps[4]);
-
-  it('should return null if no value is available', () => {
-    expect(withNoValue).toEqual(null);
-  });
-
-  it('should return a string otherwise', () => {
-    expect(typeof rangeValue).toEqual('string');
-    expect(typeof checkboxArrayValue).toEqual('string');
-    expect(typeof checkboxStringValue).toEqual('string');
-    expect(typeof selectValue).toEqual('string');
-  });
-
-  it('should return filter value based on type', () => {
-    expect(rangeValue).toEqual('rangeVal=10-20');
-    expect(checkboxArrayValue).toEqual('checkVal=check1&checkVal=check2');
-    expect(checkboxStringValue).toEqual('checkVal2=check3');
-    expect(selectValue).toEqual('selectVal=select%20value');
-  });
-});

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

@@ -1,27 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-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' }))
-}));
-
-const props = {
-  filters: [{ label: 'label1', propsToDisplay: ['name'], sort: 'ascending' }],
-  label: 'someLabel',
-  id: '123456'
-};
-
-describe('SearchFilterSort component', () => {
-  it('should render without throwing an error and match snapshot', () => {
-    const { asFragment } = render(SearchFilterSort, props);
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,28 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SearchFilterSort component should render without throwing an error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="sort-by"
-  >
-    <div
-      class="form-field form-field--select"
-    >
-      <select
-        aria-label="Sort by"
-        id="select-sortby"
-        name="sortby"
-      >
-        <option>
-          Sort by
-        </option>
-        <option
-          value="name:ascending"
-        >
-          label1
-        </option>
-      </select>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/SearchFilterSort/helpers/handle-sort-update.test.js

@@ -1,53 +0,0 @@
-import handleSortUpdate from '../../../../../../src/components/SearchFilterSort/helpers/handle-sort-update';
-
-const routerPushResultMock = () => ({ then: jest.fn() });
-// router, value, query, url, selectLabel, listComponentName
-const mockedProps = [
-  {
-    router: { asPath: 'asPath', push: jest.fn(routerPushResultMock) },
-    value: 'defaultOption',
-    query: {},
-    url: 'url',
-    selectLabel: 'defaultOption'
-  },
-  {
-    router: { asPath: 'asPath', push: jest.fn(routerPushResultMock) },
-    value: 'defaultOption',
-    query: { sort: 'asc', sortby: 'name', type: 'big' },
-    url: 'baseurl',
-    selectLabel: 'defaultOption'
-  },
-  {
-    router: { asPath: 'asPath', push: jest.fn(routerPushResultMock) },
-    value: 'name:desc',
-    query: { someOther: 'ott' },
-    url: 'url',
-    selectLabel: 'defaultOption'
-  }
-];
-
-describe('handleSortUpdate helper function', () => {
-  mockedProps.forEach(props => handleSortUpdate({ ...props }));
-
-  it('should navigate to url with no sort if default value is selected', () => {
-    expect(mockedProps[0].router.push).toHaveBeenLastCalledWith('/Resolver', 'url', {
-      shallow: true,
-      scroll: false
-    });
-  });
-
-  it('should navigate to url with no sort with previous querys if default value is selected', () => {
-    expect(mockedProps[1].router.push).toHaveBeenLastCalledWith('/Resolver', 'baseurl?type=big', {
-      shallow: true,
-      scroll: false
-    });
-  });
-
-  it('should navigate to url with new sort if selected', () => {
-    expect(mockedProps[2].router.push).toHaveBeenLastCalledWith(
-      '/Resolver',
-      'url?someOther=ott&sort=desc&sortby=name',
-      { shallow: true, scroll: false }
-    );
-  });
-});

package/tests/unit/src/components/SearchFilterSort/helpers/update-sort.test.js

@@ -1,25 +0,0 @@
-import updateSort from '../../../../../../src/components/SearchFilterSort/helpers/update-sort';
-
-const mockedProps = [
-  ['name:asc', {}, 'aurl'],
-  ['name:asc', { other: '12', query2: 'an' }, 'aurl'],
-  ['name:desc', { query1: 'aquery' }, 'theUrl', '#hashBit']
-];
-
-describe('updateSort helper function', () => {
-  const basicSort = updateSort(...mockedProps[0]);
-  const sortWithOtherQuerys = updateSort(...mockedProps[1]);
-  const sortWithhash = updateSort(...mockedProps[2]);
-
-  it('should return a parsed url based on the parameters passed', () => {
-    expect(basicSort).toEqual('aurl?sort=asc&sortby=name');
-  });
-
-  it('should return a parsed url with extra query params if passed', () => {
-    expect(sortWithOtherQuerys).toEqual('aurl?other=12&query2=an&sort=asc&sortby=name');
-  });
-
-  it('should return a parsed url with extra query params and hash if passed', () => {
-    expect(sortWithhash).toEqual('theUrl?query1=aquery&sort=desc&sortby=name#hashBit');
-  });
-});

package/tests/unit/src/components/SocialFollow/SFItem.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 SFItem from '../../../../../src/components/SocialFollow/SFItem';
-
-const props = {
-  url: 'www.facebook.com',
-  id: 'facebook'
-};
-
-describe('SFItem component', () => {
-  it('should be defined', () => {
-    expect(SFItem).toBeDefined();
-  });
-
-  it('should match snapshot and render without throwing an error', () => {
-    const { asFragment } = render(SFItem, props);
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,38 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-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'
-};
-
-const props = {
-  socialNetworks: { ...MOCKED_SOCIAL_NETWORKS },
-  orientation: 'vertical',
-  invalid: 'invalid social network'
-};
-
-describe('SocialFollow component', () => {
-  it('should be defined', () => {
-    expect(SocialFollow).toBeDefined();
-  });
-
-  it('should render without throwing an error and match snapshot', () => {
-    const { asFragment } = render(SocialFollow, props);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should not render if there are no social net keys provided', () => {
-    const noSocialProps = { ...props, socialNetworks: undefined };
-    const { container } = render(SocialFollow, noSocialProps);
-    expect(container).toBeEmptyDOMElement();
-  });
-});

package/tests/unit/src/components/SocialFollow/__snapshots__/SFItem.test.js.snap

@@ -1,38 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SFItem component should match snapshot and render without throwing an error 1`] = `
-<DocumentFragment>
-  <li
-    class="social__list-item social__list-item--follow"
-  >
-    <a
-      aria-label="Facebook"
-      class="facebook"
-      href="http://www.facebook.com"
-      rel="noopener nofollow"
-      target="_blank"
-    >
-      <i>
-        <svg
-          fill="currentColor"
-          height="1em"
-          stroke="currentColor"
-          stroke-width="0"
-          viewBox="0 0 320 512"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"
-          />
-        </svg>
-      </i>
-      <span
-        class="social__network hidden"
-      >
-        Facebook
-      </span>
-    </a>
-  </li>
-</DocumentFragment>
-`;

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

@@ -1,74 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SocialFollow component should render without throwing an error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="social social--follow"
-  >
-    <ul
-      class="social__list social__list--follow"
-    >
-      <li
-        class="social__list-item social__list-item--follow"
-      >
-        <a
-          aria-label="Facebook"
-          class="facebook"
-          href="facebook value"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 320 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"
-              />
-            </svg>
-          </i>
-          <span
-            class="social__network hidden"
-          >
-            Facebook
-          </span>
-        </a>
-      </li>
-      <li
-        class="social__list-item social__list-item--follow"
-      >
-        <a
-          aria-label="Twitter"
-          class="twitter"
-          href="twitter value"
-        >
-          <i>
-            <svg
-              fill="currentColor"
-              height="1em"
-              stroke="currentColor"
-              stroke-width="0"
-              viewBox="0 0 512 512"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
-              />
-            </svg>
-          </i>
-          <span
-            class="social__network hidden"
-          >
-            Twitter
-          </span>
-        </a>
-      </li>
-    </ul>
-  </div>
-</DocumentFragment>
-`;

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

@@ -1,82 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-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 => ({
-  html: "<section><h1>Lorem ipsum</h1> <a href='/'>link</a></section>",
-  modifier: 'mocked-modifier',
-  ...overrides
-});
-
-const legacyClass = 'page-content';
-
-describe('TextBlock component', () => {
-  it('should be defined', () => {
-    expect(TextBlock).toBeDefined();
-  });
-
-  it('should match snapshot', () => {
-    const { asFragment } = render(TextBlock, getMockedProps());
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should render without throwing an error and have modifier wrapper', async () => {
-    const mockedProps = getMockedProps();
-    const { container } = render(TextBlock, mockedProps);
-    expect(container.childNodes[0]).toHaveClass(mockedProps.modifier);
-    expect(container.childNodes[0]).not.toHaveClass(legacyClass);
-  });
-
-  it('should render text heading ', () => {
-    const { getByText } = render(TextBlock, getMockedProps());
-    const headerTag = getByText('Lorem ipsum');
-    expect(headerTag).toBeDefined();
-    expect(headerTag.nodeName).toEqual('H1');
-  });
-
-  it('should not render if textblock has no content', () => {
-    const { container } = render(TextBlock, getMockedProps({ html: '' }));
-    expect(container).toBeEmptyDOMElement();
-  });
-
-  it('should not render wrapper if no modifier', () => {
-    const { asFragment } = render(TextBlock, getMockedProps({ modifier: undefined }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  describe('With wrapper flag', () => {
-    const envs = { BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE: 'true' };
-
-    beforeAll(() => {
-      setEnvs(envs);
-    });
-
-    afterAll(() => {
-      deleteEnvs(envs);
-    });
-
-    it('should render with wrapper and legacy class and modifier', () => {
-      const mockedProps = getMockedProps();
-      const { asFragment, container } = render(TextBlock, mockedProps);
-      expect(container.childNodes[0]).toHaveClass(mockedProps.modifier);
-      expect(container.childNodes[0]).toHaveClass(legacyClass);
-      expect(asFragment()).toMatchSnapshot();
-    });
-
-    it('should render with wrapper and legacy class even with no modifier', () => {
-      const mockedProps = getMockedProps({ modifier: undefined });
-      const { asFragment, container } = render(TextBlock, mockedProps);
-      expect(container.childNodes[0]).toHaveClass(legacyClass);
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-});