@shopgate/engage/product/components/ProductImage/spec.js

Shopgate's ENGAGE library.

import React from 'react';
import { shallow } from 'enzyme';
import Image from '@shopgate/pwa-common/components/Image';
import appConfig from '@shopgate/pwa-common/helpers/config';
import PlaceholderIcon from '@shopgate/pwa-ui-shared/icons/PlaceholderIcon';
import styles from "./style";
import ProductImage from "./index";
import { jsx as _jsx } from "react/jsx-runtime";
jest.unmock('@shopgate/pwa-core');
jest.mock("../../../core/hocs/withWidgetSettings");
jest.mock('@shopgate/pwa-common/helpers/config');
jest.mock("./connector", () => Component => Component);
jest.mock('@shopgate/engage/components', () => ({
  Image: () => null
}));
describe('<ProductImage />', () => {
  it('should render a placeholder if no src prop is provided', () => {
    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {})).dive();
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.find(Image).length).toBe(0);
    expect(wrapper.find(PlaceholderIcon).length).toBe(1);
  });
  it('should render the image without a placeholder', () => {
    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
      src: "http://placehold.it/300x300"
    })).dive();
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.find(Image).length).toBe(1);
    expect(wrapper.find(PlaceholderIcon).length).toBe(0);
  });
  it('should not apply an inner shadow to the placeholder if turned off via the app config', () => {
    jest.spyOn(appConfig, 'hideProductImageShadow', 'get').mockReturnValue(true);
    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {})).dive();
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.find(`.${styles.innerShadow}`).length).toBe(0);
  });
  it('should not apply an inner shadow to the image if turned off via the app config', () => {
    jest.spyOn(appConfig, 'hideProductImageShadow', 'get').mockReturnValue(true);
    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
      src: "http://placehold.it/300x300"
    })).dive();
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.find(`.${styles.innerShadow}`).length).toBe(0);
  });
  it('should not apply an inner shadow to the placeholder if turned off via the widget settings', () => {
    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
      widgetSettings: {
        showInnerShadow: false
      }
    })).dive();
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.find(`.${styles.innerShadow}`).length).toBe(0);
  });
  it('should not apply an inner shadow to the image if turned off via the widget settings', () => {
    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
      src: "http://placehold.it/300x300",
      widgetSettings: {
        showInnerShadow: false
      }
    }));
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.find(`.${styles.innerShadow}`).length).toBe(0);
  });
  it('should apply an inner shadow to the placeholder if turned off via the widget settings', () => {
    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
      widgetSettings: {
        showInnerShadow: true
      }
    })).dive();
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.find(`.${styles.innerShadow}`).length).toBe(1);
  });
  it('should apply an inner shadow to the image if turned off via the widget settings', () => {
    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
      src: "http://placehold.it/300x300",
      widgetSettings: {
        showInnerShadow: true
      }
    })).dive();
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.find(`.${styles.innerShadow}`).length).toBe(1);
  });
});