@blaze-cms/react-page-builder 0.146.0-node18.1 → 0.146.0-rc-eagle-3.0

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

@@ -1,87 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Placeholder component should render PlaceholderIcon 1`] = `
-<DocumentFragment>
-  <div
-    class="editor-view__placeholder"
-    data-testid="placeholder-icon"
-  >
-    <svg
-      height="25px"
-      version="1.1"
-      viewBox="0 0 20 20"
-      width="25px"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-    >
-      <title>
-        card
-      </title>
-      <g
-        fill="none"
-        fill-rule="evenodd"
-        id="Icons"
-        stroke="none"
-        stroke-width="1"
-      >
-        <g
-          id="card"
-          transform="translate(-259, -214)"
-        >
-          <g
-            transform="translate(259, 214)"
-          >
-            <g
-              id="Group-7"
-              transform="translate(1, 1)"
-            >
-              <path
-                d="M1.07,10 C3.04212623,8.18723771 4.14171262,7.28085657 4.36875916,7.28085657 C4.79707626,7.28085657 7,9 7.5,9 C8.40867615,9 12.0764465,4.56171314 12.9,4.56171314 C13.4490356,4.56171314 14.8390356,5.81447543 17.07,8.32"
-                fill-rule="nonzero"
-                id="Path-3"
-                stroke="#899BBC"
-                stroke-width="1.3"
-              />
-              <path
-                d="M5.00003877,4.07973585 C5.00003879,3.4834142 5.50109477,3 6.11917864,3 C6.73726251,3 7.2383185,3.4834142 7.2383185,4.07973585 C7.2383185,4.6760575 6.73726252,5.15947172 6.11917864,5.15947172 C5.82268209,5.15728623 5.53857972,5.04442179 5.32645457,4.84454876 C5.11586241,4.64208328 4.99827309,4.36656405 5.00003877,4.07973585 Z"
-                fill="#899BBC"
-                fill-rule="nonzero"
-                id="Path"
-              />
-              <path
-                d="M3.375,14.625 C3.375,14.3143398 3.62683983,14.0625 3.9375,14.0625 L14.0625,14.0625 C14.3731602,14.0625 14.625,14.3143398 14.625,14.625 C14.625,14.9356602 14.3731602,15.1875 14.0625,15.1875 L3.9375,15.1875 C3.62683983,15.1875 3.375,14.9356602 3.375,14.625 Z"
-                fill="#899BBC"
-                fill-rule="nonzero"
-                id="Shape"
-              />
-              <rect
-                height="16.7"
-                id="Rectangle"
-                rx="2"
-                stroke="#899BBC"
-                stroke-width="1.3"
-                width="16.7"
-                x="0.65"
-                y="0.65"
-              />
-              <line
-                id="Line-2"
-                stroke="#899BBC"
-                stroke-linecap="square"
-                stroke-width="1.3"
-                x1="1"
-                x2="16.5625"
-                y1="11.8125"
-                y2="11.8125"
-              />
-            </g>
-          </g>
-        </g>
-      </g>
-    </svg>
-    <span>
-      card
-    </span>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/PlaceholderIcon/index.test.js

@@ -1,20 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import { render } from '@blaze-cms/tools/test-helpers/test-functions';
-
-import { CardIcon } from '@blaze-cms/plugin-page-builder-ui/src/Icons';
-import PlaceholderIcon from '@blaze-cms/plugin-page-builder-ui/src/components/EditorView/PlaceholderIcon';
-
-const mockedProps = {
-  type: 'card',
-  icon: CardIcon
-};
-
-describe('Placeholder component', () => {
-  it('should render PlaceholderIcon', () => {
-    const { asFragment, getByTestId } = render(PlaceholderIcon, mockedProps);
-    expect(getByTestId('placeholder-icon')).toBeDefined();
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,57 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
-import { MockedProvider } from '@apollo/client/testing';
-import { render, fireEvent, waitFor } from '@testing-library/react';
-import SearchContent from '../../../../../src/components/SearchContent';
-
-jest.mock('@apollo/client', () => ({
-  ...jest.requireActual('@apollo/client'),
-  useQuery: jest.fn(() => ({ data: {}, loading: false, error: null }))
-}));
-
-jest.mock('next/router', () => ({
-  useRouter: jest.fn(() => ({ asPath: 'test-url', events: { on: jest.fn(), off: jest.fn() } }))
-}));
-
-const SEARCH_INPUT_TEST_ID = 'search-content-input';
-
-describe('SearchContent', () => {
-  const entities = [];
-
-  it('should match snapshot', async () => {
-    const { asFragment, getByTestId, queryByTestId } = render(
-      <MockedProvider mocks={[]} addTypename={false}>
-        <SearchContent entities={entities} />
-      </MockedProvider>
-    );
-    expect(asFragment()).toMatchSnapshot();
-    const searchInput = getByTestId(SEARCH_INPUT_TEST_ID);
-    fireEvent.change(searchInput, { target: { value: 'search' } });
-    await waitFor(() => expect(queryByTestId('search-content-icon-close')).toBeTruthy());
-    const closeIcon = getByTestId('search-content-icon-close');
-    expect(closeIcon).toBeTruthy();
-    fireEvent.click(closeIcon);
-    expect(searchInput.value).toEqual('');
-    await waitFor(() => expect(queryByTestId('search-content-icon')).toBeTruthy());
-  });
-
-  it('should should be collapsed when collapsedSearch=true', async () => {
-    const { asFragment, getByTestId, queryByTestId } = render(
-      <MockedProvider mocks={[]} addTypename={false}>
-        <SearchContent collapsedSearch entities={entities} />
-      </MockedProvider>
-    );
-    expect(queryByTestId(SEARCH_INPUT_TEST_ID)).toBeNull();
-    expect(asFragment()).toMatchSnapshot();
-
-    const searchIcon = getByTestId('search-content-icon');
-    fireEvent.click(searchIcon);
-    await waitFor(() => expect(queryByTestId(SEARCH_INPUT_TEST_ID)).toBeTruthy());
-    const closeIcon = getByTestId('search-content-icon-close');
-    fireEvent.click(closeIcon);
-    await waitFor(() => expect(queryByTestId(SEARCH_INPUT_TEST_ID)).toBeNull());
-  });
-});

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

@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SearchContent should match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="search-content"
-  >
-    <div
-      class="search-content--expanded__wrapper"
-    >
-      <label
-        class="search-content--expanded__label"
-      >
-        <span
-          class="search-content--expanded__icon_wrapper"
-        >
-          <svg
-            class="search-content--expanded__icon"
-            data-testid="search-content-icon"
-            viewBox="0 0 20 20"
-          >
-            <path
-              clip-rule="evenodd"
-              d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
-              fill-rule="evenodd"
-            />
-          </svg>
-        </span>
-        <input
-          class="search-content--expanded__input"
-          data-testid="search-content-input"
-          name="search"
-          placeholder=""
-          type="text"
-          value=""
-        />
-      </label>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`SearchContent should should be collapsed when collapsedSearch=true 1`] = `
-<DocumentFragment>
-  <div
-    class="search-content"
-  >
-    <div
-      class="search-content--collapse__wrapper"
-    >
-      <label
-        class="search-content--collapse__label"
-      >
-        <span
-          class="search-content--collapse__icon_wrapper"
-        >
-          <svg
-            class="search-content--expanded__icon"
-            data-testid="search-content-icon"
-            viewBox="0 0 20 20"
-          >
-            <path
-              clip-rule="evenodd"
-              d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
-              fill-rule="evenodd"
-            />
-          </svg>
-        </span>
-      </label>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/components/SearchFilter/SearchFilter/CloseMobileForm.test.js

@@ -1,35 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import CloseMobileForm from '../../../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm';
-
-const renderComponent = (Component, props) => {
-  const rendered = render(<Component {...props} />);
-  return { ...rendered };
-};
-
-describe('CloseMobileForm component', () => {
-  const props = {
-    handleClose: jest.fn()
-  };
-
-  it('should be defined', () => {
-    expect(CloseMobileForm).toBeDefined();
-  });
-
-  it('should render without throwing error and match snapshot', () => {
-    const { asFragment } = renderComponent(CloseMobileForm, props);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should call mocked function when click on "Close" button', () => {
-    renderComponent(CloseMobileForm, props);
-    const closeButton = screen.getByRole('button');
-
-    fireEvent.click(closeButton);
-    expect(props.handleClose).toHaveBeenCalled();
-  });
-});

package/tests/unit/src/components/SearchFilter/SearchFilter/FiltersList.test.js

@@ -1,12 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import FiltersList from '../../../../../../src/components/SearchFilter/SearchFilter/FiltersList';
-
-describe('FiltersList component', () => {
-  it('should be defined', () => {
-    expect(FiltersList).toBeDefined();
-  });
-
-  it('should be a function', () => {
-    expect(typeof FiltersList).toEqual('function');
-  });
-});

package/tests/unit/src/components/SearchFilter/SearchFilter/MobileFormToolbar.test.js

@@ -1,37 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import MobileFormToolbar from '../../../../../../src/components/SearchFilter/SearchFilter/MobileFormToolbar';
-
-const renderComponent = (Component, props) => {
-  const rendered = render(<Component {...props} />);
-  return { ...rendered };
-};
-
-describe('MobileFormToolbar component', () => {
-  const props = {
-    buttonRef: null,
-    formId: 'xxx',
-    handleReset: jest.fn()
-  };
-
-  it('should be defined', () => {
-    expect(MobileFormToolbar).toBeDefined();
-  });
-
-  it('should render without throwing error and match snapshot', () => {
-    const { asFragment } = renderComponent(MobileFormToolbar, props);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should call mocked function when click on "reset" button', () => {
-    renderComponent(MobileFormToolbar, props);
-    const resetButton = screen.getByTestId('reset-button');
-
-    fireEvent.click(resetButton);
-    expect(props.handleReset).toHaveBeenCalled();
-  });
-});

package/tests/unit/src/components/SearchFilter/SearchFilter/ResetDesktopForm.test.js

@@ -1,43 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import ResetDesktopForm from '../../../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm';
-
-const renderComponent = (Component, props) => {
-  const rendered = render(<Component {...props} />);
-  return { ...rendered };
-};
-
-describe('ResetDesktopForm component', () => {
-  const props = {
-    handleReset: jest.fn()
-  };
-
-  it('should be defined', () => {
-    expect(ResetDesktopForm).toBeDefined();
-  });
-
-  it('should render without throwing error and match snapshot', () => {
-    const { asFragment } = renderComponent(ResetDesktopForm, props);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should call mocked function when click on "reset" button', () => {
-    renderComponent(ResetDesktopForm, props);
-    const resetButton = screen.getByTestId('reset-button');
-
-    fireEvent.click(resetButton);
-    expect(props.handleReset).toHaveBeenCalled();
-  });
-
-  it('should call mocked function when click on "reset" icon', () => {
-    renderComponent(ResetDesktopForm, props);
-    const resetIcon = screen.getByTestId('reset-icon');
-
-    fireEvent.click(resetIcon);
-    expect(props.handleReset).toHaveBeenCalled();
-  });
-});

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

@@ -1,179 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import SearchFilter from '../../../../../../src/components/SearchFilter/SearchFilter';
-
-// TODO DELETE WHEN UTIL WILL BE MERGED & USE IMPORT COMMENTED ABOVE
-const renderComponent = (Component, props) => {
-  const rendered = render(<Component {...props} />);
-  return { ...rendered };
-};
-
-const mockedProps = {
-  data: {},
-  filterValues: {},
-  filters: [],
-  searchFilterRef: {},
-  buttonRef: { current: null },
-  hasUrl: false,
-  entity: 'page',
-  setDisplaySearchFilter: jest.fn(),
-  handleSearch: jest.fn(),
-  resetFilters: jest.fn(),
-  name: 'test',
-  groupAfterMobile: 0,
-  groupAfterDesktop: 0,
-  isCollapsedOnResponsive: true,
-  displaySearchFilter: false,
-  setAppliedFilters: jest.fn()
-};
-
-describe('SearchFilter component', () => {
-  describe('when isCollapsedOnResponsive = true, displaySearchFilter = false', () => {
-    const specificMockedProps = {
-      ...mockedProps,
-      isCollapsedOnResponsive: true,
-      displaySearchFilter: false
-    };
-
-    it('should NOT render form', () => {
-      renderComponent(SearchFilter, specificMockedProps);
-      expect(screen.queryByRole('form')).not.toBeInTheDocument();
-    });
-
-    it('should render the mobile refine button', () => {
-      renderComponent(SearchFilter, specificMockedProps);
-      expect(screen.queryByTestId('refine-mobile')).toBeInTheDocument();
-    });
-  });
-
-  describe('when isCollapsedOnResponsive = false, displaySearchFilter = true', () => {
-    const specificMockedProps = {
-      ...mockedProps,
-      isCollapsedOnResponsive: false,
-      displaySearchFilter: true
-    };
-
-    it('should NOT render form', () => {
-      renderComponent(SearchFilter, specificMockedProps);
-      expect(screen.queryByRole('form')).not.toBeInTheDocument();
-    });
-  });
-
-  describe('when isCollapsedOnResponsive = false, displaySearchFilter = false', () => {
-    const specificMockedProps = {
-      ...mockedProps,
-      isCollapsedOnResponsive: false,
-      displaySearchFilter: false
-    };
-
-    it('should render without throwing error and match snapshot', () => {
-      const { asFragment } = renderComponent(SearchFilter, specificMockedProps);
-      expect(asFragment()).toMatchSnapshot();
-    });
-
-    it('should render form', () => {
-      renderComponent(SearchFilter, specificMockedProps);
-
-      const formId = `filter-${specificMockedProps.name}-form`;
-      const form = screen.getByTestId(formId);
-      expect(form).toBeInTheDocument();
-    });
-  });
-
-  describe('when isCollapsedOnResponsive = true, displaySearchFilter = true', () => {
-    const specificMockedProps = {
-      ...mockedProps,
-      isCollapsedOnResponsive: true,
-      displaySearchFilter: true
-    };
-
-    it('should render without throwing error and match snapshot', () => {
-      const { asFragment } = renderComponent(SearchFilter, specificMockedProps);
-      expect(asFragment()).toMatchSnapshot();
-    });
-
-    it('should render form', () => {
-      renderComponent(SearchFilter, specificMockedProps);
-
-      const formId = `filter-${specificMockedProps.name}-form`;
-      const form = screen.getByTestId(formId);
-      expect(form).toBeInTheDocument();
-    });
-  });
-
-  it('should render without throwing error and match snapshot', () => {
-    const { asFragment } = renderComponent(SearchFilter, mockedProps);
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should render form', () => {
-    renderComponent(SearchFilter, mockedProps);
-
-    const formId = `filter-${mockedProps.name}-form`;
-    const form = screen.getByTestId(formId);
-    expect(form).toBeInTheDocument();
-  });
-
-  describe('when groupAfterMobile > 0 and groupAfterDesktop = 0', () => {
-    const specificMockedProps = {
-      ...mockedProps,
-      groupAfterMobile: 1
-    };
-
-    it('should render without throwing error and match snapshot', () => {
-      const { asFragment } = renderComponent(SearchFilter, specificMockedProps);
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
-  describe('when groupAfterMobile = 0 and groupAfterDesktop > 0', () => {
-    const specificMockedProps = {
-      ...mockedProps,
-      groupAfterDesktop: 1
-    };
-
-    it('should render without throwing error and match snapshot', () => {
-      const { asFragment } = renderComponent(SearchFilter, specificMockedProps);
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
-  describe('when groupAfterMobile > 0 and groupAfterDesktop > 0', () => {
-    const specificMockedProps = {
-      ...mockedProps,
-      groupAfterMobile: 1,
-      groupAfterDesktop: 1
-    };
-
-    it('should render without throwing error and match snapshot', () => {
-      const { asFragment } = renderComponent(SearchFilter, specificMockedProps);
-      expect(asFragment()).toMatchSnapshot();
-    });
-
-    it('should toggle open and close classes on click and submit', () => {
-      const { getByTestId } = renderComponent(SearchFilter, specificMockedProps);
-      const mobileToggler = getByTestId('search-filter-mobile-toggler');
-      const desktopToggler = getByTestId('search-filter-desktop-toggler');
-      const form = screen.getByTestId(`filter-${specificMockedProps.name}-form`);
-
-      fireEvent.click(mobileToggler);
-      expect(mobileToggler).toHaveClass(
-        'filter__more-filters-mobile-toggler filter__more-filters-mobile-toggler--open'
-      );
-
-      fireEvent.click(desktopToggler);
-      expect(desktopToggler).toHaveClass(
-        'filter__more-filters-desktop-toggler filter__more-filters-desktop-toggler--open'
-      );
-
-      fireEvent.submit(form);
-
-      expect(mobileToggler).toHaveClass('filter__more-filters-mobile-toggler');
-      expect(desktopToggler).toHaveClass('filter__more-filters-desktop-toggler');
-    });
-  });
-});

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

@@ -1,35 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CloseMobileForm component should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="filter__header filter__header--mobile"
-  >
-    <p>
-      Search refinement
-    </p>
-    <i
-      aria-label="Close"
-      role="button"
-    >
-      <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="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-        />
-      </svg>
-    </i>
-  </div>
-</DocumentFragment>
-`;

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

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`MobileFormToolbar component should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="filter__refine filter__refine--mobile-open"
-  >
-    <div
-      aria-label="Reset search filters"
-      class="reset"
-      data-testid="reset-button"
-      role="button"
-    >
-      Reset all filters
-    </div>
-    <button
-      class="search"
-      form="xxx"
-      type="submit"
-    >
-      Search
-    </button>
-  </div>
-</DocumentFragment>
-`;

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

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ResetDesktopForm component should render without throwing error and match snapshot 1`] = `
-<DocumentFragment>
-  <div
-    class="filter__reset"
-  >
-    <button
-      aria-label="Reset search filters"
-      class="icon-button icon-button--reset"
-      data-testid="reset-icon"
-      title="reset--button"
-      type="button"
-    >
-      <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="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
-          />
-        </svg>
-      </i>
-    </button>
-    <div
-      data-testid="reset-button"
-      role="button"
-    >
-      Reset all filters
-    </div>
-  </div>
-</DocumentFragment>
-`;