@shopgate/engage 7.31.5 → 7.31.6

package/product/components/Options/components/Content/spec.js

@@ -1,73 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import { PickerUtilize as Picker } from '@shopgate/engage/components';
-import Options from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/product/components', () => ({
-  PriceDifference: () => null
-}));
-jest.mock('@shopgate/engage/product/contexts', () => {
-  const ReactCopy = jest.requireActual('react');
-  return {
-    ProductContext: ReactCopy.createContext({
-      setOption: jest.fn(),
-      currency: 'EUR'
-    })
-  };
-});
-
-// Mock the redux connect() method instead of providing a fake store.
-jest.mock("./connector", () => obj => {
-  const newObj = obj;
-  const mockOptions = [{
-    id: 'test-id',
-    type: 'select',
-    label: 'label',
-    items: [{
-      currency: 'USD',
-      price: 10,
-      priceDifference: 0
-    }, {
-      currency: 'USD',
-      price: 10,
-      priceDifference: 0
-    }]
-  }];
-  newObj.defaultProps = {
-    options: mockOptions,
-    currentOptions: {}
-  };
-  return newObj;
-});
-describe('<Options />', () => {
-  const mockOptions = [{
-    id: 'test-id',
-    type: 'select',
-    label: 'label',
-    items: [{
-      currency: 'USD',
-      price: 10,
-      priceDifference: 0
-    }, {
-      currency: 'USD',
-      price: 10,
-      priceDifference: 0
-    }]
-  }];
-  describe('Given the component was mounted to the DOM', () => {
-    it('should match snapshot', () => {
-      const wrapper = shallow(/*#__PURE__*/_jsx(Options, {
-        currentOptions: {}
-      })).dive();
-      expect(wrapper).toMatchSnapshot();
-    });
-    it('should render correct number of options', () => {
-      const wrapper = mount(/*#__PURE__*/_jsx(Options, {
-        options: mockOptions
-      }));
-      const picker = wrapper.find(Picker);
-      expect(picker.length).toBe(mockOptions.length);
-    });
-  });
-});

package/product/components/Options/components/TextOption/components/OptionInfo/spec.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
-import { OptionInfo } from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const optionInfoText = 'Some Text';
-const optionInfoId = 'some-id';
-jest.mock('@shopgate/engage/components', () => {
-  const {
-    default: Grid
-  } = jest.requireActual('@shopgate/pwa-common/components/Grid');
-  const {
-    default: I18n
-  } = jest.requireActual('@shopgate/pwa-common/components/I18n');
-  return {
-    Grid,
-    I18n
-  };
-});
-jest.mock('@shopgate/engage/product/contexts', () => ({
-  ProductContext: {
-    Consumer: ({
-      children
-    }) => children({
-      currency: 'EUR'
-    })
-  }
-}));
-describe('<OptionInfo />', () => {
-  it('should not render when not required and no price', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(OptionInfo, {
-      required: false,
-      label: "",
-      price: 0,
-      currency: "EUR",
-      info: optionInfoText,
-      optionInfoId: optionInfoId
-    }), mockRenderOptions);
-    expect(wrapper).toBeEmptyRender();
-  });
-  it('should render required element', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(OptionInfo, {
-      required: true,
-      label: "",
-      price: 0,
-      currency: "EUR",
-      info: optionInfoText,
-      optionInfoId: optionInfoId
-    }), mockRenderOptions).dive();
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render price element', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(OptionInfo, {
-      required: false,
-      label: "Label",
-      price: 10,
-      currency: "EUR",
-      info: optionInfoText,
-      optionInfoId: optionInfoId
-    }), mockRenderOptions).dive();
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/product/components/ProductDiscountBadge/spec.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import configureStore from 'redux-mock-store';
-import { Provider } from 'react-redux';
-import { useWidgetSettings } from '@shopgate/engage/core/hooks/useWidgetSettings';
-import { mockedProduct1, mockedStateWithDiscount, mockedStateWithoutDiscount } from "./mock";
-import ProductDiscountBadge from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/core/hooks/useWidgetSettings', () => ({
-  useWidgetSettings: jest.fn()
-}));
-describe('<ProductDiscountBadge />', () => {
-  const mockedStore = configureStore();
-  beforeEach(() => {
-    useWidgetSettings.mockReturnValue({
-      pdp: {
-        show: true,
-        style: {
-          color: 'blue'
-        }
-      }
-    });
-  });
-
-  /**
-   * createComponent
-   * @param {Object} mockedState mockedState
-   * @return {*}
-   */
-  const createComponent = mockedState => {
-    const store = mockedStore(mockedState);
-    return mount(/*#__PURE__*/_jsx(Provider, {
-      store: store,
-      children: /*#__PURE__*/_jsx(ProductDiscountBadge, {
-        productId: mockedProduct1.productId
-      })
-    }));
-  };
-  it('should render without discount', () => {
-    const wrapper = createComponent(mockedStateWithoutDiscount);
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render with discount', () => {
-    const wrapper = createComponent(mockedStateWithDiscount);
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should not render with discount if widgetSetting is false', () => {
-    useWidgetSettings.mockReturnValue({
-      pdp: {
-        show: false,
-        style: {}
-      }
-    });
-    const wrapper = createComponent(mockedStateWithDiscount);
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemDetails/spec.js

@@ -1,73 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { hasNewServices } from '@shopgate/engage/core/helpers';
-import { Availability } from '@shopgate/engage/components';
-import { StockInfoLists } from '@shopgate/engage/locations/components';
-import ItemDetails from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/product', () => ({
-  MapPriceHint: () => null,
-  OrderQuantityHint: () => null,
-  EffectivityDates: () => null,
-  Swatches: () => null,
-  AVAILABILITY_STATE_OK: 'AVAILABILITY_STATE_OK',
-  AVAILABILITY_STATE_ALERT: 'AVAILABILITY_STATE_ALERT',
-  getProductRoute: jest.fn(productId => `link-to-product/${productId}`)
-}));
-jest.mock('@shopgate/engage/locations/components', () => ({
-  StockInfoLists: () => null
-}));
-jest.mock('@shopgate/engage/core/helpers', () => ({
-  hasNewServices: jest.fn().mockReturnValue(false),
-  i18n: {
-    text: str => str
-  }
-}));
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/core', () => ({
-  isIOSTheme: jest.fn().mockReturnValue(true),
-  hasWebBridge: jest.fn().mockReturnValue(false),
-  i18n: {
-    text: text => text
-  }
-}));
-jest.mock("../ItemName");
-jest.mock("../ItemPrice");
-describe('<ItemDetails />', () => {
-  const props = {
-    product: {
-      id: '1234',
-      name: 'Foo',
-      price: {}
-    }
-  };
-  const display = {
-    name: false,
-    price: false,
-    reviews: false
-  };
-  it('should render with minimal props', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemDetails, {
-      ...props
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Availability).exists()).toBe(false);
-    expect(wrapper.find(StockInfoLists).exists()).toBe(false);
-  });
-  it('should render additional components with new services', () => {
-    hasNewServices.mockReturnValueOnce(true);
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemDetails, {
-      ...props
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Availability).exists()).toBe(true);
-    expect(wrapper.find(StockInfoLists).exists()).toBe(true);
-  });
-  it('should not render with display props set', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemDetails, {
-      ...props,
-      display: display
-    }));
-    expect(wrapper).toBeEmptyRender();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemFavoritesButton/spec.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { combineReducers } from 'redux';
-import { Provider } from 'react-redux';
-import { createMockStore } from '@shopgate/pwa-common/store';
-import favorites from '@shopgate/pwa-common-commerce/favorites/reducers';
-import ItemFavoritesButton from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-const store = createMockStore(combineReducers({
-  favorites
-}));
-describe('<ItemFavoritesButton />', () => {
-  it('should not render when its not a favorite', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Provider, {
-      store: store,
-      children: /*#__PURE__*/_jsx(ItemFavoritesButton, {
-        productId: "1234"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render if its a favorite', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Provider, {
-      store: store,
-      children: /*#__PURE__*/_jsx(ItemFavoritesButton, {
-        productId: "1234",
-        isFavorite: true
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemImage/spec.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import ItemImage from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/product');
-describe('<ItemImage />', () => {
-  it('should render', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemImage, {
-      productId: "1234",
-      imageUrl: "http://www.google.com",
-      name: "FooBar"
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemName/spec.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import ItemName from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/product', () => ({
-  ProductName: () => null,
-  ProductRatingStars: () => null
-}));
-jest.mock('@shopgate/engage/components');
-const props = {
-  productId: '1234',
-  name: 'Foo'
-};
-describe('<ItemName />', () => {
-  it('should render with minimal props', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemName, {
-      ...props
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/product/components/ProductGrid/components/Item/components/ItemPrice/spec.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import ItemPrice from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/product', () => ({
-  ProductGridPrice: () => null
-}));
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/category', () => ({
-  PRODUCT_ITEM_PRICE: 'PRODUCT_ITEM_PRICE',
-  PRODUCT_ITEM_PRICE_AFTER: 'PRODUCT_ITEM_PRICE_AFTER',
-  PRODUCT_ITEM_PRICE_BEFORE: 'PRODUCT_ITEM_PRICE_BEFORE'
-}));
-const props = {
-  product: {
-    id: '1234',
-    price: {}
-  }
-};
-const display = {
-  price: false
-};
-describe('<ItemPrice />', () => {
-  it('should render with minimal props', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemPrice, {
-      ...props
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should not render with display props set', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ItemPrice, {
-      ...props,
-      display: display
-    }));
-    expect(wrapper).toBeEmptyRender();
-  });
-});

package/product/components/ProductGrid/spec.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import ProductGrid from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-global.console.error = jest.fn();
-jest.mock('@shopgate/engage/core', () => ({
-  hasWebBridge: jest.fn(() => false),
-  isIOSTheme: jest.fn(() => false),
-  withForwardedRef: jest.fn(),
-  withCurrentProduct: jest.fn(),
-  useWidgetSettings: jest.fn().mockReturnValue({})
-}));
-jest.mock('@shopgate/engage/components', () => {
-  const {
-    ViewContext
-  } = jest.requireActual('@shopgate/engage/components/View/context');
-  return {
-    ViewContext,
-    InfiniteContainer: () => null,
-    Grid: () => null
-  };
-});
-jest.mock("./components/Iterator", () => function Iterator() {
-  return null;
-});
-jest.mock('@shopgate/engage/product', () => ({
-  ProductListTypeProvider: ({
-    children
-  }) => children,
-  ProductListEntryProvider: ({
-    children
-  }) => children
-}));
-describe('<ProductGrid />', () => {
-  it('should render with the InfiniteContainer', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(ProductGrid, {
-      products: []
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('InfiniteContainer').exists()).toBe(true);
-    expect(wrapper.find('Layout').exists()).toBe(false);
-  });
-  it('should render the original layout', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(ProductGrid, {
-      infiniteLoad: false,
-      products: []
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('InfiniteContainer').exists()).toBe(false);
-    expect(wrapper.find('Layout').exists()).toBe(true);
-  });
-});

package/product/components/ProductImage/spec.js

@@ -1,87 +0,0 @@
-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 ProductImagePlaceholder from "./ProductImagePlaceholder";
-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, {
-      placeholderSrc: "http://placehold.it/300x300"
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(ProductImagePlaceholder).prop('showInnerShadow')).toBe(false);
-  });
-  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(Image).prop('className')).toBe('');
-  });
-  it('should not apply an inner shadow to the placeholder if turned off via the widget settings', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductImage, {
-      placeholderSrc: "http://placehold.it/300x300",
-      widgetSettings: {
-        showInnerShadow: false
-      }
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(ProductImagePlaceholder).prop('showInnerShadow')).toBe(false);
-  });
-  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
-      }
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Image).prop('className')).toBe('');
-  });
-  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
-      },
-      placeholderSrc: "http://placehold.it/300x300"
-    })).dive();
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(ProductImagePlaceholder).prop('showInnerShadow')).toBe(true);
-  });
-  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(Image).prop('className')).toBeTruthy();
-  });
-});

package/product/components/ProductSlider/spec.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import ProductSlider from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/core', () => ({
-  useWidgetSettings: jest.fn()
-}));
-jest.mock('@shopgate/engage/components', () => {
-  const Swiper = ({
-    children
-  }) => children;
-  Swiper.Item = ({
-    children
-  }) => children;
-  Swiper.Item.displayName = 'Swiper.Item';
-  return {
-    Swiper
-  };
-});
-jest.mock('@shopgate/engage/core/hooks', () => {
-  const ProductCard = props => /*#__PURE__*/_jsx(ProductCard, {
-    ...props
-  });
-  return {
-    useThemeComponents: () => ({
-      ProductCard
-    })
-  };
-});
-describe('<ProductSlider />', () => {
-  it('should match snapshot', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProductSlider, {
-      productIds: ['prod1']
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/product/components/Rating/spec.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import configureStore from 'redux-mock-store';
-import { mount } from 'enzyme';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
-import { setMocks, mockedStateWithTwoReviews, mockedStateWithoutReview } from '@shopgate/pwa-common-commerce/reviews/mock';
-import Rating from "./index";
-import { getElementById } from "./mock";
-import { jsx as _jsx } from "react/jsx-runtime";
-setMocks();
-jest.mock('@shopgate/engage/components');
-describe('Rating (product header)', () => {
-  const mockedStore = configureStore();
-
-  /**
-   * Makes component.
-   * @param {Object} state State
-   * @returns {Object}
-   */
-  const getComponent = state => mount(/*#__PURE__*/_jsx(Provider, {
-    store: mockedStore(state),
-    children: /*#__PURE__*/_jsx(Rating, {
-      productId: "foo"
-    })
-  }), mockRenderOptions);
-  describe('Rendering', () => {
-    it('should render rating when data is available', () => {
-      const component = getComponent(mockedStateWithTwoReviews);
-      expect(component).toMatchSnapshot();
-    });
-    it('should render nothing when data is not available', () => {
-      const component = getComponent(mockedStateWithoutReview);
-      expect(component.isEmptyRender()).toBe(true);
-    });
-  });
-  describe('Scroll on click', () => {
-    const scrollSpy = jest.fn();
-    it('should scroll to reviews when clicked', () => {
-      jest.spyOn(document, 'getElementById').mockImplementation(getElementById(scrollSpy));
-      const component = getComponent(mockedStateWithTwoReviews);
-      component.simulate('click');
-      expect(scrollSpy.mock.calls[0][0]).toBe(0);
-      expect(scrollSpy.mock.calls[0][1]).toBe(70);
-      expect(scrollSpy).toHaveBeenCalled();
-      document.getElementById.mockReset();
-      document.getElementById.mockRestore();
-    });
-    it('should do nothing when clicked but no reviews excerpt element', () => {
-      jest.spyOn(document, 'getElementById').mockImplementation(() => null);
-      const component = getComponent(mockedStateWithTwoReviews);
-      component.simulate('click');
-      expect(scrollSpy.mock.calls.length).toBe(1);
-      document.getElementById.mockReset();
-      document.getElementById.mockRestore();
-    });
-  });
-});

package/reviews/components/Reviews/components/Header/components/WriteReviewLink/spec.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import configureStore from 'redux-mock-store';
-import { mount } from 'enzyme';
-import { mockedStateWithAll } from '@shopgate/pwa-common-commerce/reviews/mock';
-import WriteReviewLink from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const mockedStore = configureStore();
-jest.mock('@shopgate/engage/components');
-
-/**
- * Creates component with provided store state.
- * @param {Object} mockedState Mocked stage.
- * @return {ReactWrapper}
- */
-const createComponent = mockedState => {
-  const Component = /*#__PURE__*/_jsx(Provider, {
-    store: mockedStore(mockedState),
-    children: /*#__PURE__*/_jsx(WriteReviewLink, {
-      productId: "foo"
-    })
-  });
-  return mount(Component);
-};
-describe('<WriteReviewLink>', () => {
-  let component = null;
-  beforeEach(() => {
-    jest.resetModules();
-  });
-  it('should render when current product is set', () => {
-    component = createComponent(mockedStateWithAll);
-    expect(component).toMatchSnapshot();
-    expect(component.find('Text[string="reviews.button_add"]').exists()).toBe(true);
-  });
-});