@shopgate/engage 7.32.0-beta.1 → 7.32.0-beta.11

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,94 +0,0 @@
-import React from 'react';
-import { fireEvent, render, screen } from '@testing-library/react';
-import Picker from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-describe('<Picker />', () => {
-  const mockItems = ['String only', {
-    value: 'Value only'
-  }, {
-    value: 'value',
-    label: 'Value and label'
-  }];
-  const mockOnChange = jest.fn();
-  const mockOnSelect = jest.fn();
-  const renderComponent = props => render(/*#__PURE__*/_jsx(Picker, {
-    ...props
-  }));
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-  describe('Given the component was mounted to the DOM', () => {
-    it('should match snapshot', () => {
-      const renderedElement = renderComponent({
-        items: mockItems,
-        onChange: mockOnChange,
-        onSelect: mockOnSelect
-      });
-      expect(renderedElement.container.firstChild).toMatchSnapshot();
-    });
-    it('should have no selected value', () => {
-      renderComponent({
-        items: mockItems,
-        onChange: mockOnChange,
-        onSelect: mockOnSelect
-      });
-      expect(screen.queryByText('String only')).toBeNull();
-      expect(screen.getByText('Pick ...')).toBeTruthy();
-    });
-    describe('Given picker component gets opened', () => {
-      const openPicker = () => {
-        const renderedElement = renderComponent({
-          items: mockItems,
-          onChange: mockOnChange,
-          onSelect: mockOnSelect
-        });
-        fireEvent.click(renderedElement.container.querySelector('button.engage__picker__button'));
-        return renderedElement;
-      };
-      it('should have isOpen state', () => {
-        openPicker();
-        expect(document.querySelector('.engage__picker_modal')).toBeTruthy();
-      });
-      it('should render the picker list', () => {
-        openPicker();
-        expect(document.querySelector('ul.engage__picker_list')).toBeTruthy();
-      });
-      it('should render the picker items', () => {
-        const renderedElement = openPicker();
-        expect(renderedElement.container.querySelectorAll('li button').length).toBe(mockItems.length);
-      });
-      describe('Given a item gets selected', () => {
-        jest.useFakeTimers();
-        afterEach(() => {
-          jest.clearAllTimers();
-        });
-        it('should trigger onChange when the value changed', () => {
-          const renderedElement = openPicker();
-          fireEvent.click(renderedElement.container.querySelectorAll('li button')[0]);
-          jest.runAllTimers();
-          expect(mockOnChange).toHaveBeenCalledTimes(1);
-        });
-        it('should trigger onSelect when the value changed', () => {
-          const renderedElement = openPicker();
-          fireEvent.click(renderedElement.container.querySelectorAll('li button')[0]);
-          jest.runAllTimers();
-          expect(mockOnSelect).toHaveBeenCalledTimes(1);
-        });
-        it('should not trigger onChange when the value did not change, but trigger onSelect', () => {
-          const renderedElement = renderComponent({
-            items: mockItems,
-            value: 'String only',
-            onChange: mockOnChange,
-            onSelect: mockOnSelect
-          });
-          fireEvent.click(renderedElement.container.querySelector('button.engage__picker__button'));
-          fireEvent.click(renderedElement.container.querySelectorAll('li button')[0]);
-          jest.runAllTimers();
-          expect(mockOnChange).toHaveBeenCalledTimes(0);
-          expect(mockOnSelect).toHaveBeenCalledTimes(1);
-        });
-      });
-    });
-  });
-});

package/components/PickerUtilize/spec.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-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 {
-    Typography: ({
-      children
-    }) => children,
-    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 = render(/*#__PURE__*/_jsx(Picker, {
-      label: label
-    }));
-    expect(wrapper.asFragment()).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);
-  });
-});

package/components/SheetList/spec.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import BaseListItem from '@shopgate/pwa-common/components/List/components/Item';
-import SheetList from "./index";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-describe('<SheetList />', () => {
-  it('should render with two children', () => {
-    const wrapper = mount(/*#__PURE__*/_jsxs(SheetList, {
-      children: [/*#__PURE__*/_jsx(SheetList.Item, {
-        title: "List Item"
-      }), /*#__PURE__*/_jsx(SheetList.Item, {
-        title: "List Item"
-      })]
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(SheetList.Item).length).toEqual(2);
-  });
-  it('should render a child and add styles for list items with images', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(SheetList, {
-      hasImages: true,
-      children: /*#__PURE__*/_jsx(SheetList.Item, {
-        title: "List Item"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(SheetList.Item).length).toEqual(1);
-    expect(wrapper.find(BaseListItem).first().hasClass('engage__sheet-list__item')).toBeTruthy();
-  });
-  it('should not render without children', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(SheetList, {}));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(SheetList).html()).toBe(null);
-  });
-  it('should not render invalid children', () => {
-    const wrapper = mount(/*#__PURE__*/_jsxs(SheetList, {
-      children: [/*#__PURE__*/_jsx(SheetList.Item, {
-        title: "List Item"
-      }), "xxx"]
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(SheetList.Item).length).toEqual(1);
-  });
-});

package/components/TimeBoundary/spec.js

@@ -1,83 +0,0 @@
-/* eslint-disable extra-rules/no-single-line-objects */
-import React from 'react';
-import { mount } from 'enzyme';
-import { second$ } from '@shopgate/pwa-common/streams/interval';
-import TimeBoundary from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<TimeBoundary>', () => {
-  const nowMs = new Date().getTime();
-  let subscription;
-  let subscribeSpy;
-  let children;
-  beforeEach(() => {
-    subscription = {
-      unsubscribe: jest.fn()
-    };
-    subscribeSpy = jest.spyOn(second$, 'subscribe').mockReturnValue(subscription);
-    children = jest.fn();
-  });
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  it('should render valid time span', () => {
-    expect.assertions(1);
-    // -30sec < wrapper < +30sec
-    mount(/*#__PURE__*/_jsx(TimeBoundary, {
-      start: new Date(nowMs - 30000),
-      end: new Date(nowMs + 30000),
-      children: children
-    }));
-    expect(children).toHaveBeenCalledWith({
-      before: false,
-      between: true,
-      after: false
-    });
-  });
-  it('should not render expired time span', () => {
-    expect.assertions(1);
-    // -60sec < wrapper < -30sec
-    mount(/*#__PURE__*/_jsx(TimeBoundary, {
-      start: new Date(nowMs - 60000),
-      end: new Date(nowMs - 30000),
-      children: children
-    }));
-    expect(children).toHaveBeenCalledWith({
-      before: false,
-      between: false,
-      after: true
-    });
-  });
-  it('should hide after time span expired', () => {
-    expect.assertions(4);
-    // -30sec < wrapper < +2sec
-    const wrapper = mount(/*#__PURE__*/_jsx(TimeBoundary, {
-      start: new Date(nowMs - 30000),
-      end: new Date(nowMs + 2000),
-      children: children
-    }));
-    const checkBoundaryMethod = wrapper.instance().checkBoundary;
-    expect(subscribeSpy).toHaveBeenCalledTimes(1);
-    expect(subscribeSpy).toHaveBeenCalledWith(checkBoundaryMethod);
-
-    // Simulate time is over
-    jest.spyOn(Date, 'now').mockReturnValue(new Date(nowMs + 3000));
-    // simulate rxjs emitting
-    checkBoundaryMethod();
-    wrapper.update();
-    expect(subscription.unsubscribe).toHaveBeenCalledTimes(1);
-    expect(children.mock.calls).toEqual([[{
-      after: false,
-      before: false,
-      between: false
-    }], [{
-      after: false,
-      before: false,
-      between: true
-    }], [{
-      after: true,
-      before: false,
-      between: false
-    }]]);
-  });
-});
-/* eslint-enable extra-rules/no-single-line-objects */