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

package/tests/unit/src/components/SearchFilter/components/__snapshots__/Range.test.js.snap

@@ -1,341 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Range component should match snapshot 1`] = `
-Array [
-  "",
-  <div
-    className="range-filter-wrapper"
-    style={Object {}}
-  >
-    <div
-      className="form-field form-field--range "
-    >
-      <label
-        className=""
-        htmlFor="name"
-      >
-        GLabel
-      </label>
-      <div
-        className="values"
-      >
-        <span>
-          0
-        </span>
-        <span>
-          6,600
-        </span>
-      </div>
-      <div
-        className="range__filter name"
-        id="nameRange"
-        max={6600}
-        max-value={6600}
-        min={0}
-        min-value={0}
-        step={100}
-      >
-        <div
-          className="range__filter--left"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--right"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--line"
-        >
-          <span />
-        </div>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`Range component should match snapshot large values formatted correctly 1`] = `
-Array [
-  "",
-  <div
-    className="range-filter-wrapper"
-    style={Object {}}
-  >
-    <div
-      className="form-field form-field--range "
-    >
-      <label
-        className=""
-        htmlFor="name"
-      >
-        GLabel
-      </label>
-      <div
-        className="values"
-      >
-        <span>
-          9,999
-        </span>
-        <span>
-          10,000
-        </span>
-      </div>
-      <div
-        className="range__filter name"
-        id="nameRange"
-        max={10000}
-        max-value={10000}
-        min={9995}
-        min-value={9999}
-        step={1}
-      >
-        <div
-          className="range__filter--left"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--right"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--line"
-        >
-          <span />
-        </div>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`Range component should match snapshot with adjusted min & max values based on interval 1`] = `
-Array [
-  "",
-  <div
-    className="range-filter-wrapper"
-    style={Object {}}
-  >
-    <div
-      className="form-field form-field--range "
-    >
-      <label
-        className=""
-        htmlFor="name"
-      >
-        GLabel
-      </label>
-      <div
-        className="values"
-      >
-        <span>
-          7
-        </span>
-        <span>
-          8
-        </span>
-      </div>
-      <div
-        className="range__filter name"
-        id="nameRange"
-        max={8}
-        max-value={8}
-        min={6}
-        min-value={7}
-        step={1}
-      >
-        <div
-          className="range__filter--left"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--right"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--line"
-        >
-          <span />
-        </div>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`Range component should match snapshot with interval 1`] = `
-Array [
-  "",
-  <div
-    className="range-filter-wrapper"
-    style={Object {}}
-  >
-    <div
-      className="form-field form-field--range "
-    >
-      <label
-        className=""
-        htmlFor="name"
-      >
-        GLabel
-      </label>
-      <div
-        className="values"
-      >
-        <span>
-          0
-        </span>
-        <span>
-          6,600
-        </span>
-      </div>
-      <div
-        className="range__filter name"
-        id="nameRange"
-        max={6600}
-        max-value={6600}
-        min={0}
-        min-value={0}
-        step={100}
-      >
-        <div
-          className="range__filter--left"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--right"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--line"
-        >
-          <span />
-        </div>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`Range component should match snapshot with interval and rounded min & max values 1`] = `
-Array [
-  "",
-  <div
-    className="range-filter-wrapper"
-    style={Object {}}
-  >
-    <div
-      className="form-field form-field--range "
-    >
-      <label
-        className=""
-        htmlFor="name"
-      >
-        GLabel
-      </label>
-      <div
-        className="values"
-      >
-        <span>
-          15.5
-        </span>
-        <span>
-          49.5
-        </span>
-      </div>
-      <div
-        className="range__filter name"
-        id="nameRange"
-        max={50}
-        max-value={49.5}
-        min={15}
-        min-value={15.5}
-        step={1}
-      >
-        <div
-          className="range__filter--left"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--right"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--line"
-        >
-          <span />
-        </div>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`Range component should match snapshot with unit prop 1`] = `
-Array [
-  "",
-  <div
-    className="range-filter-wrapper has-unit"
-    style={
-      Object {
-        "--unit": "\\"m\\"",
-      }
-    }
-  >
-    <div
-      className="form-field form-field--range "
-    >
-      <label
-        className=""
-        htmlFor="name"
-      >
-        GLabel
-      </label>
-      <div
-        className="values"
-      >
-        <span>
-          0
-        </span>
-        <span>
-          6,600
-        </span>
-      </div>
-      <div
-        className="range__filter name"
-        id="nameRange"
-        max={6600}
-        max-value={6600}
-        min={0}
-        min-value={0}
-        step={100}
-      >
-        <div
-          className="range__filter--left"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--right"
-        >
-          <span />
-        </div>
-        <div
-          className="range__filter--line"
-        >
-          <span />
-        </div>
-      </div>
-    </div>
-  </div>,
-]
-`;

package/tests/unit/src/components/SearchFilter/components/__snapshots__/Select.test.js.snap

@@ -1,68 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Select component should display label as placeholder with no label tag 1`] = `
-<DocumentFragment>
-  <div
-    class="form-field form-field--select"
-  >
-    <select
-      aria-label="Placeholder label"
-      data-testid="filter-name"
-      id="select-filter-name"
-      name="filter-name"
-    >
-      <option>
-        Placeholder label
-      </option>
-      <option
-        disabled=""
-        value="name1"
-      >
-        name1
-      </option>
-      <option
-        disabled=""
-        value="name2"
-      >
-        name2
-      </option>
-    </select>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Select component should render witout throwing an error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="form-field form-field--select"
-  >
-    <label
-      class=""
-      for="select-filter-name"
-    >
-      name
-    </label>
-    <select
-      data-testid="filter-name"
-      id="select-filter-name"
-      name="filter-name"
-    >
-      <option>
-        Any
-      </option>
-      <option
-        disabled=""
-        value="name1"
-      >
-        name1
-      </option>
-      <option
-        disabled=""
-        value="name2"
-      >
-        name2
-      </option>
-    </select>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/SearchFilter/components/__snapshots__/TextSearch.test.js.snap

@@ -1,58 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TextSearch component should render without throwing an error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="search"
-  >
-    <div
-      class="search__wrapper"
-    >
-      <div
-        class="form-field form-field--input form-field--search"
-      >
-        <div
-          class="form-field form-field--input  "
-        >
-          <label
-            class=""
-            for="search_term"
-          />
-          <input
-            data-testid="input"
-            id="search_term"
-            placeholder="Search"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-      <button
-        aria-label="Search"
-        class="icon-button icon-button--search"
-        type="button"
-      >
-        <i>
-          <svg
-            fill="currentColor"
-            height="1em"
-            stroke="currentColor"
-            stroke-width="0"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M0 0h24v24H0z"
-              fill="none"
-            />
-            <path
-              d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
-            />
-          </svg>
-        </i>
-      </button>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/SearchFilter/helpers/build-new-url.test.js

@@ -1,31 +0,0 @@
-import buildNewUrl from '../../../../../../src/components/SearchFilter/helpers/build-new-url';
-// url, currentUrl, queryParams, hashBit
-const mockedProps = [
-  ['', 'current-as-path', 'some=query&params=value'],
-  ['urlFromProps', '', 'other=query&with=value'],
-  ['urlFromProps', 'not=used', 'another=query&withthis=value'],
-  ['urlFromProps', 'not=used', 'another=query&withthis=value', 'this-is-content']
-];
-
-describe('buildNewUrl helper function', () => {
-  const simpleExample = buildNewUrl(...mockedProps[0]);
-  const withPropsUrl = buildNewUrl(...mockedProps[1]);
-  const withHash = buildNewUrl(...mockedProps[3]);
-
-  it('should always return a string', () => {
-    expect(typeof simpleExample).toBe('string');
-    expect(typeof withPropsUrl).toBe('string');
-  });
-
-  it('should return new url using asPath and queryParams passed', () => {
-    expect(simpleExample).toEqual('current-as-path?some=query&params=value');
-  });
-
-  it('should return new url using propsUrl and queryParams if passed', () => {
-    expect(withPropsUrl).toEqual('urlFromProps?other=query&with=value');
-  });
-
-  it('should return new url with hash if passed', () => {
-    expect(withHash).toEqual('urlFromProps?another=query&withthis=value#this-is-content');
-  });
-});

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

@@ -1,56 +0,0 @@
-import buildUrlQuery from '../../../../../../src/components/SearchFilter/helpers/build-url-query';
-import { SEARCH_TERM } from '../../../../../../src/components/SearchFilter/constants';
-
-const mockedProps = [
-  [{}, []],
-  [{ [SEARCH_TERM]: 'new search value' }, []],
-  [
-    { [SEARCH_TERM]: 'new search value', rangeFilter: { minValue: 2, maxValue: 10 } },
-    [{ type: 'range', propsToDisplay: ['rangeFilter'] }]
-  ]
-];
-
-describe('buildUrlQuery helper function', () => {
-  const noProps = buildUrlQuery();
-  const simpleExample = buildUrlQuery(...mockedProps[0]);
-  const withTextSearch = buildUrlQuery(...mockedProps[1]);
-  const withSearchAndRange = buildUrlQuery(...mockedProps[2]);
-  const withListName = buildUrlQuery(...mockedProps[2], 'listName');
-  const withListNameAndOtherQueryBits = buildUrlQuery(...mockedProps[2], 'listName', {
-    sort: 'asc',
-    anotherQuery: '123'
-  });
-
-  it('should not break if no params are passed', () => {
-    expect(typeof noProps).toBe('string');
-    expect(noProps).toEqual('');
-  });
-
-  it('should always return a string', () => {
-    expect(typeof simpleExample).toBe('string');
-  });
-
-  it('should return empty string if no new query params are available', () => {
-    expect(simpleExample).toEqual('');
-  });
-
-  it('should return new query string with search term if available', () => {
-    expect(withTextSearch).toEqual('search_term=new search value');
-  });
-
-  it('should return new query string with search text and all other available query values', () => {
-    expect(withSearchAndRange).toEqual('search_term=new search value&rangeFilter=2-10');
-  });
-
-  it('should return new query string listName if passed', () => {
-    expect(withListName).toEqual(
-      'pb[listName][search_term]=new search value&pb[listName][rangeFilter]=2-10'
-    );
-  });
-
-  it('should return new query string with unaltered bits from other query', () => {
-    expect(withListNameAndOtherQueryBits).toEqual(
-      'pb[listName][search_term]=new search value&pb[listName][rangeFilter]=2-10&sort=asc&anotherQuery=123'
-    );
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/calculate-min-max.test.js

@@ -1,21 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import calculateMinMax from '../../../../../../src/components/SearchFilter/helpers/calculate-min-max';
-
-describe('calculate min max', () => {
-  const simpleExample = calculateMinMax({ min: 0, max: 10 }, 5);
-  const decimalExample = calculateMinMax({ min: 18.1299991607666, max: 126.19999694824219 }, 5);
-
-  it('should be a function', () => {
-    expect(typeof calculateMinMax).toEqual('function');
-  });
-
-  it('should always return an object', () => {
-    expect(typeof simpleExample).toBe('object');
-    expect(typeof decimalExample).toBe('object');
-  });
-
-  it('should return correct numbers for min maxed based on paramaters passed', () => {
-    expect(simpleExample).toEqual({ max: 10, min: 0 });
-    expect(decimalExample).toEqual({ max: 130, min: 15 });
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/calculate-step.test.js

@@ -1,21 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import calculateStep from '../../../../../../src/components/SearchFilter/helpers/calculate-step';
-
-describe('calculate step', () => {
-  const step = calculateStep(13, 5);
-  const noStep = calculateStep(10, 1);
-
-  it('should be a function', () => {
-    expect(typeof calculateStep).toEqual('function');
-  });
-
-  it('should always return a number', () => {
-    expect(typeof step).toBe('number');
-    expect(typeof noStep).toBe('number');
-  });
-
-  it('should return a correct number adjusted based on the range interval passed', () => {
-    expect(step).toEqual(2);
-    expect(noStep).toEqual(0);
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/check-if-range-updated.test.js

@@ -1,27 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import '@testing-library/jest-dom/extend-expect';
-import checkIfRangeUpdated from '../../../../../../src/components/SearchFilter/helpers/check-if-range-updated';
-
-describe('check if range updated', () => {
-  const rangeUpdated = checkIfRangeUpdated({ minValue: 0, maxValue: 15 }, 2, 15);
-  const rangeNotUpdated = checkIfRangeUpdated({ minValue: 0, maxValue: 15 }, 0, 15);
-
-  it('should be a function', () => {
-    expect(typeof checkIfRangeUpdated).toEqual('function');
-  });
-
-  it('should always return a boolean', () => {
-    expect(typeof rangeUpdated).toBe('boolean');
-    expect(typeof rangeNotUpdated).toBe('boolean');
-  });
-
-  it('should return true if range filter was updated', () => {
-    expect(rangeUpdated).toBeTruthy();
-  });
-
-  it('should return false if range filter was not updated', () => {
-    expect(rangeNotUpdated).toBeFalsy();
-  });
-});

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

@@ -1,38 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import getDisplayValue from '../../../../../../src/components/SearchFilter/helpers/get-display-value';
-
-const PRICE = 'price';
-const ID = { id: { type: 'string' } };
-
-describe('get display value', () => {
-  const matchingProp = getDisplayValue(PRICE, {
-    ...ID,
-    price: { unit: '€' }
-  });
-
-  const noMatchingProp = getDisplayValue('name', {
-    ...ID,
-    length: { type: 'numebr' }
-  });
-
-  const matchingPropWithoutUnit = getDisplayValue(PRICE, {
-    ...ID,
-    price: { type: 'tring' }
-  });
-
-  it('should be a function', () => {
-    expect(typeof getDisplayValue).toEqual('function');
-  });
-
-  it('should return null when there is no matching property ', () => {
-    expect(noMatchingProp).toEqual(null);
-  });
-
-  it('should return undefined when the property doesnt have unit', () => {
-    expect(matchingPropWithoutUnit).toEqual(undefined);
-  });
-
-  it("should return the properties' unit", () => {
-    expect(matchingProp).toEqual('€');
-  });
-});

package/tests/unit/src/components/SearchFilter/helpers/get-filter-value-from-query.test.js

@@ -1,28 +0,0 @@
-import getFilterValueFromQuery from '../../../../../../src/components/SearchFilter/helpers/get-filter-value-from-query';
-
-const mockedProps = [
-  ['nothing', {}, {}, {}],
-  ['rangeVal', { type: 'range', rangeInterval: 1 }, { min: 5, max: 10 }, { rangeVal: '4-8' }],
-  ['checkboxVal', { type: 'checkbox' }, {}, { checkboxVal: ['value1', 'value2'] }],
-  ['checkboxVal2', { type: 'checkbox' }, {}, { checkboxVal2: 'value3' }],
-  ['selectValue', { type: 'select' }, {}, { selectValue: 'thisIsSelected' }]
-];
-
-describe('getFilterValueFromQuery helper function', () => {
-  const withNoValue = getFilterValueFromQuery(...mockedProps[0]);
-  const rangeValue = getFilterValueFromQuery(...mockedProps[1]);
-  const checkboxArrayValue = getFilterValueFromQuery(...mockedProps[2]);
-  const checkboxStringValue = getFilterValueFromQuery(...mockedProps[3]);
-  const selectValue = getFilterValueFromQuery(...mockedProps[4]);
-
-  it('should return null if no value is available', () => {
-    expect(withNoValue).toEqual(null);
-  });
-
-  it('should return value from query based on filter type', () => {
-    expect(rangeValue).toEqual({ max: 10, maxValue: 8, min: 5, minValue: 4, step: 1 });
-    expect(checkboxArrayValue).toEqual(['value1', 'value2']);
-    expect(checkboxStringValue).toEqual(['value3']);
-    expect(selectValue).toEqual('thisIsSelected');
-  });
-});