@blaze-cms/react-page-builder 0.140.0-core-variants.0 → 0.140.0

package/src/variants/LongformRow/index.js

@@ -1,8 +0,0 @@
-const LongformRow = {
-  getSettings: componentSettings => ({
-    ...componentSettings,
-    modifier: 'longform-row'
-  })
-};
-
-export default LongformRow;

package/src/variants/ParallaxImageRight/index.js

@@ -1,9 +0,0 @@
-const ParallaxImageRight = {
-  getSettings: componentSettings => ({
-    ...componentSettings,
-    parallax: true,
-    modifier: 'image-children-right'
-  })
-};
-
-export default ParallaxImageRight;

package/tests/unit/src/variants/LongFormGallery/LongformGallery.test.js

@@ -1,41 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
-import { render, screen, waitFor } from '@testing-library/react';
-import { MockedProvider } from '@apollo/client/testing';
-import LongformGallery from '../../../../../src/variants/LongformGallery/LongformGallery';
-import { IMAGE_MOCKS } from './constants';
-
-const mockedProps = {
-  imageIds: ['1', '2', '3'],
-  priorityLimit: [0]
-};
-
-describe('LongformGallery', () => {
-  it('renders LongformGallery without error', async () => {
-    const { asFragment } = render(
-      <MockedProvider mocks={IMAGE_MOCKS}>
-        <LongformGallery {...mockedProps} />
-      </MockedProvider>
-    );
-    await waitFor(() => {
-      expect(screen.getByTestId('secondary-images')).toBeInTheDocument();
-    });
-    expect(asFragment()).toMatchSnapshot();
-    expect(screen.getByTestId('longform-gallery')).toBeInTheDocument();
-  });
-
-  it('renders LongformGallery with two-group modifier if images length is 4', async () => {
-    const { asFragment } = render(
-      <MockedProvider mocks={IMAGE_MOCKS}>
-        <LongformGallery {...mockedProps} imageIds={['1', '2', '3', '4']} />
-      </MockedProvider>
-    );
-    await waitFor(() => {
-      expect(screen.getByTestId('secondary-images')).toBeInTheDocument();
-    });
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/tests/unit/src/variants/LongFormGallery/LongformGalleryImage.test.js

@@ -1,44 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import LongformGalleryImage from '../../../../../src/variants/LongformGallery/LongformGalleryImage';
-
-const mockedProps = {
-  url: 'https://mock-url/image-id-1.jpg',
-  id: 'image-id-1',
-  caption: '',
-  altText: '',
-  priority: true,
-  className: 'longform-gallery__images__image main-image',
-  handleImageOnClick: jest.fn()
-};
-
-describe('LongformGalleryImage component', () => {
-  it('should be a function', () => {
-    expect(typeof LongformGalleryImage).toEqual('function');
-  });
-
-  it('renders LongformGalleryImage component', () => {
-    const { asFragment } = render(<LongformGalleryImage {...mockedProps} />);
-    expect(asFragment()).toMatchSnapshot();
-    expect(screen.getByTestId('longform-gallery__images__image__container')).toBeInTheDocument();
-  });
-
-  it('renders LongformGalleryImage component', () => {
-    const { asFragment } = render(
-      <LongformGalleryImage {...mockedProps} caption="some image caption" />
-    );
-    expect(asFragment()).toMatchSnapshot();
-    expect(screen.getByTestId('longform-gallery__images__image__details')).toBeInTheDocument();
-  });
-
-  it('calls handleImageOnClick when image is clicked', () => {
-    render(<LongformGalleryImage {...mockedProps} />);
-    const image = screen.getByTestId('longform-gallery__images__image__container');
-    fireEvent.click(image);
-    expect(mockedProps.handleImageOnClick).toHaveBeenCalledWith(mockedProps.id);
-  });
-});

package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGallery.test.js.snap

@@ -1,102 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`LongformGallery renders LongformGallery with two-group modifier if images length is 4 1`] = `
-<DocumentFragment>
-  <div
-    class="longform-gallery"
-    data-testid="longform-gallery"
-  >
-    <div
-      class="longform-gallery__images main-images"
-    >
-      <div
-        class="longform-gallery__images__image main-image"
-      >
-        <div
-          class="longform-gallery__images__image__container"
-          data-testid="longform-gallery__images__image__container"
-          role="button"
-        />
-      </div>
-      <div
-        class="longform-gallery__images__image main-image"
-      >
-        <div
-          class="longform-gallery__images__image__container"
-          data-testid="longform-gallery__images__image__container"
-          role="button"
-        />
-      </div>
-    </div>
-    <div
-      class="longform-gallery__images secondary-images"
-      data-testid="secondary-images"
-    >
-      <div
-        class="longform-gallery__images__image secondary-image two-group"
-      >
-        <div
-          class="longform-gallery__images__image__container"
-          data-testid="longform-gallery__images__image__container"
-          role="button"
-        />
-      </div>
-      <div
-        class="longform-gallery__images__image secondary-image two-group"
-      >
-        <div
-          class="longform-gallery__images__image__container"
-          data-testid="longform-gallery__images__image__container"
-          role="button"
-        />
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`LongformGallery renders LongformGallery without error 1`] = `
-<DocumentFragment>
-  <div
-    class="longform-gallery"
-    data-testid="longform-gallery"
-  >
-    <div
-      class="longform-gallery__images main-images"
-    >
-      <div
-        class="longform-gallery__images__image main-image"
-      >
-        <div
-          class="longform-gallery__images__image__container"
-          data-testid="longform-gallery__images__image__container"
-          role="button"
-        />
-      </div>
-      <div
-        class="longform-gallery__images__image main-image"
-      >
-        <div
-          class="longform-gallery__images__image__container"
-          data-testid="longform-gallery__images__image__container"
-          role="button"
-        />
-      </div>
-    </div>
-    <div
-      class="longform-gallery__images secondary-images"
-      data-testid="secondary-images"
-    >
-      <div
-        class="longform-gallery__images__image secondary-image"
-      >
-        <div
-          class="longform-gallery__images__image__container"
-          data-testid="longform-gallery__images__image__container"
-          role="button"
-        />
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGalleryImage.test.js.snap

@@ -1,51 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`LongformGalleryImage component renders LongformGalleryImage component 1`] = `
-<DocumentFragment>
-  <div
-    class="longform-gallery__images__image main-image"
-  >
-    <div
-      class="longform-gallery__images__image__container"
-      data-testid="longform-gallery__images__image__container"
-      role="button"
-    >
-      <img
-        alt=""
-        role="button"
-        src="https://mock-url/image-id-1.jpg"
-      />
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`LongformGalleryImage component renders LongformGalleryImage component 2`] = `
-<DocumentFragment>
-  <div
-    class="longform-gallery__images__image main-image"
-  >
-    <div
-      class="longform-gallery__images__image__container"
-      data-testid="longform-gallery__images__image__container"
-      role="button"
-    >
-      <img
-        alt=""
-        role="button"
-        src="https://mock-url/image-id-1.jpg"
-      />
-    </div>
-    <div
-      class="longform-gallery__images__image__details"
-      data-testid="longform-gallery__images__image__details"
-    >
-      <div
-        class="longform-gallery__images__image__details__caption"
-      >
-        some image caption
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/tests/unit/src/variants/LongFormGallery/constants.js

@@ -1,37 +0,0 @@
-import { GET_IMAGES_QUERY } from '../../../../../src/variants/LongformGallery/constants';
-
-const IMAGE_MOCKS = [
-  {
-    request: {
-      query: GET_IMAGES_QUERY,
-      variables: { where: { id: { _in: ['1', '2', '3'] } } }
-    },
-    result: {
-      data: {
-        getImages: [
-          { id: '1', url: 'image1.jpg', caption: 'Caption 1', data: {} },
-          { id: '2', url: 'image2.jpg', caption: 'Caption 2', data: {} },
-          { id: '3', url: 'image3.jpg', caption: 'Caption 3', data: {} }
-        ]
-      }
-    }
-  },
-  {
-    request: {
-      query: GET_IMAGES_QUERY,
-      variables: { where: { id: { _in: ['1', '2', '3', '4'] } } }
-    },
-    result: {
-      data: {
-        getImages: [
-          { id: '1', url: 'image1.jpg', caption: 'Caption 1', data: {} },
-          { id: '2', url: 'image2.jpg', caption: 'Caption 2', data: {} },
-          { id: '3', url: 'image3.jpg', caption: 'Caption 3', data: {} },
-          { id: '4', url: 'image4.jpg', caption: 'Caption 4', data: {} }
-        ]
-      }
-    }
-  }
-];
-
-export { IMAGE_MOCKS };

package/tests/unit/src/variants/LongFormGallery/helpers/parseImageData.test.js

@@ -1,53 +0,0 @@
-import { parseImageData } from '../../../../../../src/variants/LongformGallery/helpers';
-
-describe('parseImageData', () => {
-  const mockImage = {
-    id: '1',
-    url: 'image.jpg',
-    data: {
-      caption: 'Image Caption'
-    }
-  };
-
-  it('parses image data with caption when shouldDisplayCaption is true', () => {
-    const parsedData = parseImageData(mockImage, 0, 2, true);
-
-    expect(parsedData).toEqual({
-      id: '1',
-      url: 'image.jpg',
-      caption: 'Image Caption',
-      priority: true,
-      altText: '',
-      credits: '',
-      hrefUrl: ''
-    });
-  });
-
-  it('parses image data without caption when shouldDisplayCaption is false', () => {
-    const parsedData = parseImageData(mockImage, 0, 2, false);
-
-    expect(parsedData).toEqual({
-      id: '1',
-      url: 'image.jpg',
-      caption: '',
-      priority: true,
-      altText: '',
-      credits: '',
-      hrefUrl: ''
-    });
-  });
-
-  it('parses image data with default values when data is undefined', () => {
-    const parsedData = parseImageData({ id: '1', url: 'image.jpg' }, 0, 2, true);
-
-    expect(parsedData).toEqual({
-      id: '1',
-      url: 'image.jpg',
-      caption: '',
-      priority: true,
-      altText: '',
-      credits: '',
-      hrefUrl: ''
-    });
-  });
-});

package/tests/unit/src/variants/LongFormGallery/helpers/separateImages.test.js

@@ -1,54 +0,0 @@
-import { separateImages } from '../../../../../../src/variants/LongformGallery/helpers';
-
-describe('separateImages', () => {
-  const mockImages = [
-    { id: '1', url: 'image1.jpg', data: { caption: 'Caption 1' } },
-    { id: '2', url: 'image2.jpg', data: { caption: 'Caption 2' } },
-    { id: '3', url: 'image3.jpg', data: { caption: 'Caption 3' } }
-  ];
-
-  it('returns empty arrays for undefined or empty images', () => {
-    const result = separateImages(undefined, 2, true);
-    expect(result).toEqual([[], []]);
-
-    const resultEmptyArray = separateImages([], 2, true);
-    expect(resultEmptyArray).toEqual([[], []]);
-  });
-
-  it('returns mainImages and secondaryImages arrays', () => {
-    const [mainImages, secondaryImages] = separateImages(mockImages, 2, true);
-
-    expect(mainImages).toHaveLength(2);
-    expect(mainImages[0]).toEqual({
-      id: '1',
-      url: 'image1.jpg',
-      caption: 'Caption 1',
-      priority: true,
-      altText: '',
-      credits: '',
-      hrefUrl: ''
-    });
-
-    expect(mainImages[1]).toEqual({
-      id: '2',
-      url: 'image2.jpg',
-      caption: 'Caption 2',
-      priority: true,
-      altText: '',
-      credits: '',
-      hrefUrl: ''
-    });
-
-    expect(secondaryImages).toHaveLength(1);
-    expect(secondaryImages[0]).toHaveLength(1);
-    expect(secondaryImages[0][0]).toEqual({
-      id: '3',
-      url: 'image3.jpg',
-      caption: 'Caption 3',
-      priority: true,
-      altText: '',
-      credits: '',
-      hrefUrl: ''
-    });
-  });
-});

package/tests/unit/src/variants/LongFormGallery/helpers/shouldSkip.test.js

@@ -1,23 +0,0 @@
-import { shouldSkip } from '../../../../../../src/variants/LongformGallery/helpers';
-
-describe('shouldSkip', () => {
-  it('returns true when ids is undefined', () => {
-    const result = shouldSkip(undefined);
-    expect(result).toBe(true);
-  });
-
-  it('returns true when ids is an empty array', () => {
-    const result = shouldSkip([]);
-    expect(result).toBe(true);
-  });
-
-  it('returns false when ids is a non-empty array', () => {
-    const result = shouldSkip(['1', '2', '3']);
-    expect(result).toBe(false);
-  });
-
-  it('returns false when ids is a non-array value', () => {
-    const result = shouldSkip('not an array');
-    expect(result).toBe(false);
-  });
-});

package/tests/unit/src/variants/LongFormGallery/useLongformGallery.test.js

@@ -1,39 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
-import { MockedProvider } from '@apollo/client/testing';
-import useLongformGallery from '../../../../../src/variants/LongformGallery/useLongformGallery';
-import { IMAGE_MOCKS } from './constants';
-
-describe('useLongformGallery', () => {
-  it('returns data, loading, error, mainImages, secondaryImages, and handleImageOnClick', async () => {
-    const { result, waitForNextUpdate } = renderHook(
-      () =>
-        useLongformGallery({
-          imageIds: ['1', '2', '3'],
-          enableLightbox: true,
-          toggleModal: jest.fn(),
-          handleSelectedImage: jest.fn()
-        }),
-      {
-        wrapper: ({ children }) => <MockedProvider mocks={IMAGE_MOCKS}>{children}</MockedProvider>
-      }
-    );
-
-    expect(result.current.data).toBeUndefined();
-    expect(result.current.loading).toBe(true);
-    expect(result.current.error).toBeUndefined();
-    expect(result.current.mainImages).toEqual([]);
-    expect(result.current.secondaryImages).toEqual([]);
-
-    await waitForNextUpdate();
-
-    expect(result.current.data).toBeDefined();
-    expect(result.current.loading).toBe(false);
-    expect(result.current.error).toBeUndefined();
-    expect(result.current.mainImages).toHaveLength(2);
-    expect(result.current.secondaryImages).toHaveLength(1);
-  });
-});