@shopgate/engage 7.31.5 → 7.31.6

package/mocks/date.js

@@ -0,0 +1,31 @@
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
+const RealDate = global.Date;
+
+/**
+ * Replace the global Date with a mocked one.
+ * @param {string|number} isoDate Data and time to set
+ */
+export function mockDate(isoDate) {
+  global.Date = /*#__PURE__*/function (_Date) {
+    /**
+     * Builds a new Date object with a mocked date/time value.
+     */
+    function _class() {
+      var _this;
+      _this = _Date.call(this) || this;
+      // eslint-disable-next-line no-constructor-return
+      return new RealDate(isoDate) || _assertThisInitialized(_this);
+    }
+    _inheritsLoose(_class, _Date);
+    return _class;
+  }(/*#__PURE__*/_wrapNativeSuper(Date));
+}
+
+/**
+ * Resets a previously mocked Date class back to it's original.
+ */
+export function resetMockDate() {
+  global.Date = RealDate;
+}

package/mocks/index.js

@@ -0,0 +1,3 @@
+export * from "./date";
+export * from "./subscriptions";
+export * from "./pipelineRequest";

package/mocks/pipelineRequest.js

@@ -0,0 +1 @@
+export { mockedPipelineRequestFactory } from '@shopgate/pwa-core/classes/PipelineRequest/mock';

package/mocks/subscriptions.js

@@ -0,0 +1 @@
+export { subscribe, invoke as invokeSubscription, getSubscriptionCount, resetSubscriptions } from '@shopgate/pwa-common/subscriptions/mock';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopgate/engage",
-  "version": "7.31.5",
+  "version": "7.31.6",
   "description": "Shopgate's ENGAGE library.",
   "license": "Apache-2.0",
   "author": "Shopgate <support@shopgate.com>",
@@ -18,12 +18,12 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@shopgate/native-modules": "1.0.0-beta.34",
-    "@shopgate/pwa-common": "7.31.5",
-    "@shopgate/pwa-common-commerce": "7.31.5",
-    "@shopgate/pwa-core": "7.31.5",
-    "@shopgate/pwa-ui-ios": "7.31.5",
-    "@shopgate/pwa-ui-material": "7.31.5",
-    "@shopgate/pwa-ui-shared": "7.31.5",
+    "@shopgate/pwa-common": "7.31.6",
+    "@shopgate/pwa-common-commerce": "7.31.6",
+    "@shopgate/pwa-core": "7.31.6",
+    "@shopgate/pwa-ui-ios": "7.31.6",
+    "@shopgate/pwa-ui-material": "7.31.6",
+    "@shopgate/pwa-ui-shared": "7.31.6",
     "@stripe/react-stripe-js": "^1.16.5",
     "@stripe/stripe-js": "^1.44.1",
     "@virtuous/conductor": "~2.5.0",

package/product/selectors/mocks/productProperties.mock.js

@@ -0,0 +1,49 @@
+export default [{
+  label: 'TestProperty1',
+  value: '15kg',
+  displayGroup: 'Weights'
+}, {
+  label: 'TestProperty2',
+  value: '120kg',
+  displayGroup: 'Weights'
+}, {
+  label: 'TestProperty3',
+  value: 'kg = lbs',
+  displayGroup: 'Weights',
+  subDisplayGroup: 'Units'
+}, {
+  label: 'TestProperty4',
+  value: 'sep = sup',
+  displayGroup: 'Weights',
+  subDisplayGroup: 'Units'
+}, {
+  label: 'TestProperty5',
+  value: 'Foo',
+  displayGroup: 'Weights',
+  subDisplayGroup: 'Something'
+}, {
+  label: 'TestProperty6',
+  value: 'Bar',
+  displayGroup: 'Weights',
+  subDisplayGroup: 'Something'
+}, {
+  label: 'TestProperty3',
+  value: 'kg = lbs',
+  displayGroup: 'Something Else',
+  subDisplayGroup: 'Units'
+}, {
+  label: 'TestProperty4',
+  value: 'sep = sup',
+  displayGroup: 'Something Else',
+  subDisplayGroup: 'Units'
+}, {
+  label: 'TestProperty5',
+  value: 'Foo',
+  displayGroup: 'Something Else',
+  subDisplayGroup: 'Something'
+}, {
+  label: 'TestProperty6',
+  value: 'Bar',
+  displayGroup: 'Something Else',
+  subDisplayGroup: 'Something'
+}];

package/components/ChipLayout/spec.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import Chip from '@shopgate/pwa-ui-shared/Chip';
-import ChipsLayout from "./index";
-
-/**
- * Since the component uses the <Measure> component it needs an actual
- * browser to be tested as it needs a full browser that supports styling and
- * width/height calculation.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-describe('<ChipsLayout />', () => {
-  it('should render with one chip', () => {
-    const Component = /*#__PURE__*/_jsx(ChipsLayout, {
-      children: /*#__PURE__*/_jsx(Chip, {
-        id: "some-id",
-        children: "foo"
-      })
-    });
-    const wrapper = mount(Component);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Chip).length).toEqual(1);
-    expect(wrapper.find(Chip).at(0).find('button').at(1).text()).toEqual('foo');
-  });
-  it('should render with two chips', () => {
-    const Component = /*#__PURE__*/_jsxs(ChipsLayout, {
-      children: [/*#__PURE__*/_jsx(Chip, {
-        id: "some-id",
-        children: "foo"
-      }), /*#__PURE__*/_jsx(Chip, {
-        id: "some-other-id",
-        children: "bar"
-      })]
-    });
-    const wrapper = mount(Component);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Chip).length).toEqual(2);
-    expect(wrapper.find(Chip).at(0).find('button').at(1).text()).toEqual('foo');
-    expect(wrapper.find(Chip).at(1).find('button').at(1).text()).toEqual('bar');
-  });
-});

package/components/Logo/spec.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import Logo from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock("./connector", () => Component => Component);
-describe('<Logo />', () => {
-  it('should render an image', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Logo, {}));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('img').exists()).toBe(true);
-  });
-});

package/components/NavigationHandler/spec.js

@@ -1,84 +0,0 @@
-import "core-js/modules/es.string.replace.js";
-import React from 'react';
-import { Provider } from 'react-redux';
-import { mount } from 'enzyme';
-import { UIEvents } from '@shopgate/pwa-core';
-import { createMockStore } from '@shopgate/pwa-common/store';
-import NavigationHandler from "./index";
-import { NAVIGATION_PUSH, NAVIGATION_POP, NAVIGATION_REPLACE, NAVIGATION_RESET, push, pop, replace, reset } from "../../core/router/helpers";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/pwa-core', () => {
-  const map = {};
-  return {
-    UIEvents: {
-      addListener: jest.fn((event, cb) => {
-        map[event] = cb;
-      }),
-      removeListener: jest.fn(),
-      emit: jest.fn((event, params) => {
-        map[event](params);
-      })
-    }
-  };
-});
-describe('<NavigationHandler />', () => {
-  const store = createMockStore();
-  const wrapper = mount(/*#__PURE__*/_jsx(Provider, {
-    store: store,
-    children: /*#__PURE__*/_jsx(NavigationHandler, {
-      children: /*#__PURE__*/_jsx("div", {
-        children: "Some content"
-      })
-    })
-  }));
-  it('should render as expected', () => {
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should trigger the push() callbacks on navigation.push event', async () => {
-    await push({
-      pathname: '/test'
-    });
-    expect(UIEvents.emit).toBeCalledWith(NAVIGATION_PUSH, {
-      pathname: '/test'
-    });
-    UIEvents.emit.mockClear();
-  });
-  it('should trigger the pop() callbacks on navigation.pop event', async () => {
-    await pop();
-    expect(UIEvents.emit).toBeCalledWith(NAVIGATION_POP);
-    UIEvents.emit.mockClear();
-  });
-  it('should trigger the replace() callbacks on navigation.replace event', async () => {
-    await replace({
-      pathname: '/test'
-    });
-    expect(UIEvents.emit).toBeCalledWith(NAVIGATION_REPLACE, {
-      pathname: '/test'
-    });
-    UIEvents.emit.mockClear();
-  });
-  it('should trigger the reset() callbacks on navigation.reset event', async () => {
-    await reset();
-    expect(UIEvents.emit).toBeCalledWith(NAVIGATION_RESET);
-    UIEvents.emit.mockClear();
-  });
-  it('should register the navigation event listener', () => {
-    const props = wrapper.find('NavigationHandler').props();
-    expect(UIEvents.addListener.mock.calls.length).toBe(4);
-    expect(UIEvents.addListener.mock.calls[0][0]).toEqual(NAVIGATION_PUSH, props.push);
-    expect(UIEvents.addListener.mock.calls[1][0]).toEqual(NAVIGATION_POP, props.pop);
-    expect(UIEvents.addListener.mock.calls[2][0]).toEqual(NAVIGATION_REPLACE, props.replace);
-    expect(UIEvents.addListener.mock.calls[3][0]).toEqual(NAVIGATION_RESET, props.reset);
-    UIEvents.addListener.mockClear();
-  });
-  it('should unregister the navigation event listener when the component unmounts', () => {
-    const props = wrapper.find('NavigationHandler').props();
-    wrapper.unmount();
-    expect(UIEvents.removeListener.mock.calls.length).toBe(4);
-    expect(UIEvents.removeListener.mock.calls[0][0]).toEqual(NAVIGATION_PUSH, props.push);
-    expect(UIEvents.removeListener.mock.calls[1][0]).toEqual(NAVIGATION_POP, props.pop);
-    expect(UIEvents.removeListener.mock.calls[2][0]).toEqual(NAVIGATION_REPLACE, props.replace);
-    expect(UIEvents.removeListener.mock.calls[3][0]).toEqual(NAVIGATION_RESET, props.reset);
-    UIEvents.removeListener.mockClear();
-  });
-});

package/components/Picker/spec.js

@@ -1,87 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import Picker from "./index";
-import PickerList from "./components/List";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-describe('<Picker />', () => {
-  let renderedElement;
-  let renderedInstance;
-  const mockItems = ['String only', {
-    value: 'Value only'
-  }, {
-    value: 'value',
-    label: 'Value and label'
-  }];
-  const mockOnChange = jest.fn();
-  const mockOnSelect = jest.fn();
-
-  /**
-   * The view component
-   * @param {Object} props The component props.
-   */
-  const renderComponent = props => {
-    renderedElement = mount(/*#__PURE__*/_jsx(Picker, {
-      ...props
-    }));
-    renderedInstance = renderedElement.find('Picker').instance();
-  };
-  beforeEach(() => {
-    renderComponent({
-      items: mockItems,
-      onChange: mockOnChange,
-      onSelect: mockOnSelect
-    });
-    renderedElement.update();
-  });
-  describe('Given the component was mounted to the DOM', () => {
-    it('should match snapshot', () => {
-      expect(renderedElement).toMatchSnapshot();
-    });
-    it('should have no selected value', () => {
-      expect(renderedInstance.selectedItem).toBe(null);
-    });
-    describe('Given picker component gets opened', () => {
-      beforeEach(() => {
-        renderedInstance.toggleOpenState(true);
-        renderedElement.update();
-      });
-      it('should have isOpen state', () => {
-        expect(renderedInstance.state.isOpen).toBe(true);
-      });
-      it('should render the picker list', () => {
-        expect(renderedElement.find(PickerList).length).toBe(1);
-      });
-      it('should render the picker items', () => {
-        expect(renderedElement.find('li button').length).toBe(mockItems.length);
-      });
-      describe('Given a item gets selected', () => {
-        jest.useFakeTimers();
-        beforeEach(() => {
-          jest.clearAllMocks();
-          renderedElement.find('li button').first().simulate('click');
-          jest.runAllTimers();
-        });
-        afterEach(() => {
-          jest.clearAllTimers();
-        });
-        it('should trigger onChange when the value changed', () => {
-          expect(mockOnChange).toHaveBeenCalledTimes(1);
-        });
-        it('should trigger onSelect when the value changed', () => {
-          expect(mockOnSelect).toHaveBeenCalledTimes(1);
-        });
-        it('should not trigger onChange when the value did not change, but trigger onSelect', () => {
-          renderedInstance.setState({
-            selectedIndex: 0
-          });
-          renderedInstance.toggleOpenState(true);
-          renderedElement.find('li button').first().simulate('click');
-          jest.runAllTimers();
-          expect(mockOnChange).toHaveBeenCalledTimes(1);
-          expect(mockOnSelect).toHaveBeenCalledTimes(2);
-        });
-      });
-    });
-  });
-});

package/components/PickerUtilize/spec.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import Picker from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components/View');
-jest.mock('@shopgate/engage/components', () => {
-  function SheetList({
-    children
-  }) {
-    return children;
-  }
-  SheetList.Item = function Item() {
-    return null;
-  };
-  return {
-    SheetList,
-    Sheet: ({
-      children
-    }) => children,
-    Picker: jest.requireActual('@shopgate/engage/components/Picker').default,
-    ConnectedReactPortal: jest.requireActual('@shopgate/engage/components/ConnectedReactPortal/__mocks__').default
-  };
-});
-describe('<Picker />', () => {
-  it('should render the picker', () => {
-    const label = 'Picker label';
-    const wrapper = mount(/*#__PURE__*/_jsx(Picker, {
-      label: label
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/components/RangeSlider/spec.js

@@ -1,190 +0,0 @@
-/* eslint-disable function-call-argument-newline */
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import RangeSlider from "./index";
-import RangeSliderHandle from "./components/Handle";
-import { generateLinearEasingCallback, generateExponentialEasingCallback, getAbsoluteValue, getRelativeValue } from "./helper";
-
-/**
- * Creates a (fake) touch event.
- * @param {number} pageX the x page offset of the simulated touch event
- * @returns {Object} the new fake event containing only the properties required for testing.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const createTouchEvent = pageX => {
-  // Simulate a handle of 16px width.
-  const simulatedHandleWidth = 16;
-  const simulatedHandleHalfWidth = simulatedHandleWidth / 2;
-  const touchEvent = {
-    target: {
-      offsetWidth: simulatedHandleWidth,
-      getBoundingClientRect: () => ({
-        // Simulate a touch on the center of the handle.
-        left: pageX - simulatedHandleHalfWidth
-      })
-    },
-    touches: [{
-      pageX
-    }]
-  };
-  return touchEvent;
-};
-
-/**
- * Simulates a series of touch events.
- * This function will automatically validate the from/to values of the range slider.
- * An extra testCallback may be provided to perform additional checks.
- *
- * @param {number} pxWidth The simulated width of the DOM element (in px).
- * @param {number} pxOffset The simulated left offset of the DOM element (in px).
- * @param {number} min The absolute minimum value of the slider.
- * @param {number} max The absolute maximum value of the slider.
- * @param {Array} value The initial value(s) of the slider.
- * @param {string} easing The name of the easing function.
- * @param {number} resolutionOrFactor The resolution or factor for the easing function.
- * @param {Array} simulateSteps A set of relative horizontal pixel movements to simulate.
- * @param {Function} testCallback An optional callback for the onChange event of the slider.
- */
-const simulateInputTest = (pxWidth, pxOffset, min, max, value, easing, resolutionOrFactor, simulateSteps, testCallback) => {
-  const config = {
-    totalPixelWidth: pxWidth,
-    leftPixelOffset: pxOffset,
-    min,
-    max,
-    easing,
-    resolution: resolutionOrFactor,
-    factor: resolutionOrFactor,
-    initialValue: value,
-    valuePixelSize: pxWidth / (max - min),
-    currentTouchDeltaX: 0
-  };
-  config.currentTouchDeltaX = config.valuePixelSize * value[1];
-  const ease = {
-    linear: generateLinearEasingCallback(config.resolution),
-    exponential: generateExponentialEasingCallback(config.factor)
-  }[config.easing];
-  const callback = ([from, to]) => {
-    const {
-      currentTouchDeltaX,
-      valuePixelSize
-    } = config;
-    const relativeValue = getRelativeValue(currentTouchDeltaX / valuePixelSize, min, max);
-    const expected = getAbsoluteValue(ease(relativeValue), config.min, config.max, true);
-    expect(expected === from || expected === to).toBe(true);
-    if (testCallback) {
-      testCallback(config, from, to);
-    }
-  };
-  const wrapper = mount(/*#__PURE__*/_jsx(RangeSlider, {
-    min: config.min,
-    max: config.max,
-    value: config.initialValue,
-    easing: easing,
-    resolution: config.resolution,
-    factor: config.factor,
-    onChange: callback
-  }));
-  expect(wrapper).toMatchSnapshot();
-
-  // Create a simulated touch event.
-  const pageX = config.leftPixelOffset + config.currentTouchDeltaX;
-  const touchEvent = createTouchEvent(pageX);
-  const inst = wrapper.instance();
-  inst.handleTouchStart(touchEvent, 1);
-  simulateSteps.forEach(deltaX => {
-    config.currentTouchDeltaX += deltaX;
-    touchEvent.touches[0].pageX = config.leftPixelOffset + config.currentTouchDeltaX;
-    Object.defineProperty(inst.domElement, 'offsetLeft', {
-      get: () => config.leftPixelOffset,
-      configurable: true
-    });
-    Object.defineProperty(inst.domElement, 'offsetWidth', {
-      get: () => config.totalPixelWidth,
-      configurable: true
-    });
-    inst.handleTouchMove(touchEvent);
-  });
-  inst.handleTouchEnd();
-};
-describe.skip('<RangeSlider />', () => {
-  /**
-   * Simple attribute tests
-   */
-
-  it('renders with boundaries', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(RangeSlider, {
-      min: 0,
-      max: 100
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(RangeSliderHandle).length).toBe(2);
-  });
-  it('renders without boundaries', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(RangeSlider, {}));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(RangeSliderHandle).length).toBe(2);
-  });
-  it('renders without a value pair', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(RangeSlider, {
-      value: [10, 50]
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(RangeSliderHandle).length).toBe(2);
-  });
-
-  /**
-   * Callback tests
-   */
-  it('emits onChange if handle was touched (linear)', () => {
-    simulateInputTest(100, 73,
-    // Range slider pixel width and offset.
-    0, 100,
-    // Range slider minimum and maximum value.
-    [50, 75],
-    // Initial value.
-    'linear',
-    // Which easing should be used.
-    0.01,
-    // Resolution.
-    [
-    // A series of pixel offsets to move the slider handle.
-    +0, +3, -15, +17, -80, +75]);
-  });
-  it('emits onChange if handle was touched (exponential)', () => {
-    simulateInputTest(78, 12,
-    // Range slider pixel width and offset.
-    0, 1000,
-    // Range slider minimum maximum value.
-    [10, 450],
-    // Initial value.
-    'exponential',
-    // Which easing should be used.
-    0.01,
-    // Resolution.
-    [
-    // A series of pixel offsets to move the slider handle.
-    +10, +10, +10, +10, +10, +10, +10, +10, -10, -10, -10, -10, -10, -10, -10, -10, +3, -15, +17, -80, +104, -23, -12, +67]);
-  });
-  it('emits onChange if the outer range was touched', () => {
-    const callback = value => expect(value).toEqual([-80, 0]);
-    const wrapper = mount(/*#__PURE__*/_jsx(RangeSlider, {
-      min: -100,
-      max: 100,
-      value: [0, 0],
-      onChange: callback
-    }));
-    // Create a simulated touch event at a page x offset of 20px.
-    const touchEvent = createTouchEvent(20);
-    const inst = wrapper.instance();
-    Object.defineProperty(inst.domElement, 'offsetLeft', {
-      get: () => 0,
-      configurable: true
-    });
-    Object.defineProperty(inst.domElement, 'offsetWidth', {
-      get: () => 200,
-      configurable: true
-    });
-    inst.handleRangeTouch(touchEvent);
-  });
-});
-/* eslint-enable function-call-argument-newline */

package/components/SheetList/components/Item/spec.js

@@ -1,101 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import Glow from '@shopgate/pwa-ui-shared/Glow';
-import Item from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/pwa-common/components/Link', () => {
-  /**
-   * Mocked LinkComponent.
-   * @return {JSX}
-   */
-  const Link = () => /*#__PURE__*/_jsx("div", {});
-  return Link;
-});
-describe('<SheetList.Item />', () => {
-  const title = 'My Title';
-  it('should render with a title but no image', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Item, {
-      title: title
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('img').exists()).toBeFalsy();
-  });
-  it('should render with an image', () => {
-    const image = /*#__PURE__*/_jsx("img", {
-      src: "url/to/image",
-      alt: "Alternative text"
-    });
-    const wrapper = mount(/*#__PURE__*/_jsx(Item, {
-      title: title,
-      image: image
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('img').exists()).toBeTruthy();
-  });
-  it('should render with a right component', () => {
-    const rightComponent = /*#__PURE__*/_jsx("span", {
-      children: "I`m a span."
-    });
-    const wrapper = mount(/*#__PURE__*/_jsx(Item, {
-      title: title,
-      rightComponent: rightComponent
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.contains(/*#__PURE__*/_jsx("span", {
-      children: "I`m a span."
-    }))).toEqual(true);
-  });
-  it('should render without a Glow when selected', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Item, {
-      title: title,
-      isSelected: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Glow).exists()).toBeFalsy();
-  });
-  it('should render without a Glow when disabled', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Item, {
-      title: title,
-      isDisabled: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Glow).exists()).toBeFalsy();
-  });
-  it('should render with a link', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Item, {
-      title: title,
-      link: "url/to/somewhere"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('Link').exists()).toBeTruthy();
-  });
-  it('should render with an onClick element', () => {
-    const spy = jest.fn();
-    const clickHandler = () => {
-      /**
-       * The spy can't be assigned directly to the event, since the snapshot gets too big
-       * and the test execution is heavily slowed down.
-       */
-      spy();
-    };
-    const wrapper = mount(/*#__PURE__*/_jsx(Item, {
-      title: title,
-      onClick: clickHandler
-    }));
-    wrapper.simulate('click');
-    expect(wrapper).toMatchSnapshot();
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-  it('should re-render when isDisabled changes (memo allows leftComponent path)', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Item, {
-      title: title,
-      isDisabled: true
-    }));
-    expect(wrapper.find('.engage__sheet-list__item').exists()).toBe(true);
-    wrapper.setProps({
-      isDisabled: false
-    });
-    wrapper.update();
-    expect(wrapper.find('.engage__sheet-list__item').exists()).toBe(true);
-  });
-});