@shopgate/pwa-common 7.32.0-beta.2 → 7.32.0-beta.21

package/components/CountdownTimer/spec.js

@@ -1,141 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import CountdownTimer, { getFormattedTimeString } from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<CountdownTimer>', () => {
-  jest.useFakeTimers();
-
-  /**
-   * Creates a new countdown timer element.
-   * @param {number} remainingDays The remaining days.
-   * @param {number} remainingHours The remaining hours.
-   * @param {number} remainingMinutes The remaining minutes.
-   * @param {number} remainingSeconds The remaining seconds.
-   * @param {Function} callback The expiration callback.
-   * @return {JSX}
-   */
-  const createTimerElement = (remainingDays, remainingHours, remainingMinutes, remainingSeconds, callback) => {
-    const timeout = Math.floor(Date.now() / 1000) + remainingDays * 86400 + remainingHours * 3600 + remainingMinutes * 60 + remainingSeconds;
-    const wrapper = shallow(/*#__PURE__*/_jsx(CountdownTimer, {
-      timeout: timeout,
-      onExpire: callback
-    }));
-    let currentTimeOffset = timeout - Math.floor(Date.now() / 1000);
-    wrapper.instance().getRemainingTime = () => {
-      currentTimeOffset -= 1;
-      return currentTimeOffset;
-    };
-    return wrapper;
-  };
-
-  /**
-   * Performs a time format check for a specific remaining time.
-   * @param {number} remainingDays The remaining days.
-   * @param {number} remainingHours The remaining hours.
-   * @param {number} remainingMinutes The remaining minutes.
-   * @param {number} remainingSeconds The remaining seconds.
-   */
-  const performFormatCheck = (remainingDays, remainingHours, remainingMinutes, remainingSeconds) => {
-    jest.clearAllTimers();
-    const intervalSpy = jest.spyOn(global, 'setInterval');
-    const wrapper = createTimerElement(remainingDays, remainingHours, remainingMinutes, remainingSeconds, null);
-    const expectedTimeFormat = getFormattedTimeString(remainingDays, remainingHours, remainingMinutes, remainingSeconds - 1);
-    expect(intervalSpy).toHaveBeenCalledTimes(1);
-    act(() => {
-      jest.advanceTimersByTime(1000);
-    });
-    wrapper.update();
-    const {
-      params,
-      string
-    } = wrapper.props();
-    expect({
-      params,
-      string
-    }).toEqual(expectedTimeFormat);
-    intervalSpy.mockRestore();
-  };
-  it('should render the correct time for < 24h', () => performFormatCheck(0, 0, 0, 5));
-  it('should render the correct time for 24h - 48h', () => performFormatCheck(1, 12, 6, 5));
-  it('should render the correct time for > 2d', () => performFormatCheck(30, 1, 2, 3));
-  it('should not render negative durations', () => {
-    jest.clearAllTimers();
-    const wrapper = createTimerElement(-1, -2, -3, -5, null);
-    const expectedTimeFormat = getFormattedTimeString(0, 0, 0, 0);
-    act(() => {
-      jest.advanceTimersByTime(1000);
-    });
-    const {
-      params,
-      string
-    } = wrapper.props();
-    expect({
-      params,
-      string
-    }).toEqual(expectedTimeFormat);
-  });
-  it('should stop at 00:00:00 when the timer expires', () => {
-    const wrapper = createTimerElement(0, 0, 0, 1, null);
-    const expectedTimeFormat = getFormattedTimeString(0, 0, 0, 0);
-    act(() => {
-      jest.advanceTimersByTime(1000);
-    });
-    wrapper.update();
-    let {
-      params,
-      string
-    } = wrapper.props();
-    expect({
-      params,
-      string
-    }).toEqual(expectedTimeFormat);
-    act(() => {
-      jest.advanceTimersByTime(1000);
-    });
-    ({
-      params,
-      string
-    } = wrapper.props());
-    expect({
-      params,
-      string
-    }).toEqual(expectedTimeFormat);
-  });
-  it('should invoke the callback when the timer expires', () => {
-    let timesCallbackInvoked = 0;
-    /**
-     * The callback method will just increment a counter when invoked.
-     */
-    const callback = () => {
-      timesCallbackInvoked += 1;
-    };
-    createTimerElement(0, 0, 0, 2, callback);
-    act(() => {
-      jest.advanceTimersByTime(1000);
-    });
-    expect(timesCallbackInvoked).toBe(0);
-    act(() => {
-      jest.advanceTimersByTime(1000);
-    });
-    expect(timesCallbackInvoked).toBe(1);
-    act(() => {
-      jest.advanceTimersByTime(1000);
-    });
-    expect(timesCallbackInvoked).toBe(1);
-  });
-  it('should not invoke the callback when the timeout is already expired.', () => {
-    let timesCallbackInvoked = 0;
-    /**
-     * The callback method will just increment a counter when invoked.
-     */
-    const callback = () => {
-      timesCallbackInvoked += 1;
-    };
-    createTimerElement(0, 0, 0, 0, callback);
-    act(() => {
-      jest.advanceTimersByTime(1000);
-    });
-    expect(timesCallbackInvoked).toBe(0);
-  });
-});

package/components/Drawer/spec.js

@@ -1,79 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import Drawer from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/a11y/components');
-describe('<Drawer />', () => {
-  const onOpen = jest.fn();
-  const onClose = jest.fn();
-  const onDidOpen = jest.fn();
-  const onDidClose = jest.fn();
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-  it('should render', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Drawer, {}));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should execute callback when drawer is opened', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Drawer, {
-      onOpen: onOpen
-    }));
-    wrapper.setProps({
-      isOpen: true
-    });
-    expect(onOpen).toBeCalled();
-  });
-  it('should execute callback when drawer is closed', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Drawer, {
-      isOpen: true,
-      onClose: onClose
-    }));
-    wrapper.setProps({
-      isOpen: false
-    });
-    expect(onClose).toBeCalled();
-  });
-  it('should add custom classes', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Drawer, {
-      className: "custom-class-name",
-      isOpen: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.hasClass('custom-class-name')).toEqual(true);
-  });
-  it('should execute callback when drawer open animation did end', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Drawer, {
-      className: "custom-class-name",
-      isOpen: false,
-      onOpen: onOpen,
-      onDidOpen: onDidOpen
-    }));
-    expect(wrapper).toMatchSnapshot();
-    wrapper.setProps({
-      isOpen: true
-    });
-    wrapper.update();
-    expect(onOpen).toBeCalled();
-    expect(onDidOpen).not.toBeCalled();
-    wrapper.find('[role="dialog"]').simulate('animationEnd');
-    expect(onDidOpen).toBeCalled();
-  });
-  it('should execute callback when drawer close animation did end', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Drawer, {
-      className: "custom-class-name",
-      isOpen: true,
-      onClose: onClose,
-      onDidClose: onDidClose
-    }));
-    expect(wrapper).toMatchSnapshot();
-    wrapper.setProps({
-      isOpen: false
-    });
-    wrapper.update();
-    expect(onClose).toBeCalled();
-    expect(onDidClose).not.toBeCalled();
-    wrapper.find('[role="dialog"]').simulate('animationEnd');
-    expect(onDidClose).toBeCalled();
-  });
-});

package/components/Ellipsis/spec.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import Ellipsis from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const clamp = 3;
-const text = 'Some very long text that should be cut off by this ellipsis component.';
-describe('<Ellipsis />', () => {
-  it('should render', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Ellipsis, {
-      rows: clamp,
-      children: text
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/components/EmbeddedMedia/spec.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { embeddedMedia } from '@shopgate/pwa-common/collections';
-import EmbeddedMedia from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/pwa-common/collections', () => ({
-  embeddedMedia: {
-    getHasPendingProviders: jest.fn(),
-    providers: new Set([{
-      isPending: false,
-      remoteScriptUrl: 'http://foo.bar'
-    }, {
-      isPending: true,
-      remoteScriptUrl: 'http://bar.foo',
-      onScriptLoaded: jest.fn()
-    }])
-  }
-}));
-describe('<EmbeddedMedia />', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-  it('should return children', () => {
-    embeddedMedia.getHasPendingProviders.mockReturnValueOnce(false);
-    const wrapper = shallow(/*#__PURE__*/_jsx(EmbeddedMedia, {
-      children: /*#__PURE__*/_jsx("div", {
-        children: "Children"
-      })
-    }));
-    expect(wrapper.html()).toEqual('<div>Children</div>');
-  });
-  it.skip('should render Helmet with a script', () => {
-    embeddedMedia.getHasPendingProviders.mockReturnValueOnce(true);
-    const wrapper = shallow(/*#__PURE__*/_jsx(EmbeddedMedia, {
-      children: /*#__PURE__*/_jsx("div", {
-        children: "Content with embedded media (youtube, vimeo, etc)"
-      })
-    }));
-    const helmetProps = wrapper.find('HelmetWrapper').props();
-    expect(helmetProps).toEqual({
-      defer: true,
-      encodeSpecialCharacters: true,
-      onChangeClientState() {},
-      script: []
-    });
-    const scriptTags = [{
-      onload: jest.fn(),
-      getAttribute: jest.fn().mockReturnValue('http://bar.foo')
-    }];
-
-    // Invoke helmet cb
-    helmetProps.onChangeClientState(null, {
-      scriptTags
-    });
-
-    // Invoke onload on script
-    scriptTags[0].onload();
-    const [, secondProvider] = embeddedMedia.providers;
-    expect(secondProvider.onScriptLoaded).toHaveBeenCalledTimes(1);
-  });
-});

package/components/Grid/components/Item/spec.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import GridItem from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<GridItem />', () => {
-  it('should render without any further props', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(GridItem, {}));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should be able to render a custom tag', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(GridItem, {
-      component: "section"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.type()).toEqual('section');
-  });
-  it('should add custom classes on demand', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(GridItem, {
-      className: "custom-class-name"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.hasClass('custom-class-name')).toEqual(true);
-  });
-});

package/components/Grid/spec.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import Grid from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Grid />', () => {
-  it('should render without any further props', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Grid, {}));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should be able to render a custom tag', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Grid, {
-      component: "article"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.type()).toEqual('article');
-  });
-  it('should add custom classes on demand', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Grid, {
-      className: "custom-class-name"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.hasClass('custom-class-name')).toEqual(true);
-  });
-});

package/components/HtmlSanitizer/spec.js

@@ -1,229 +0,0 @@
-/** @jest-environment jsdom */
-
-import React from 'react';
-import { mount } from 'enzyme';
-import { embeddedMedia } from '@shopgate/pwa-common/collections';
-import HtmlSanitizer from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock("../EmbeddedMedia", () => ({
-  children
-}) => children);
-jest.mock("./connector", () => Cmp => Cmp);
-
-/**
- * @param {string} html HTML markup.
- * @param {Object} props Component props.
- * @returns {JSX.Element}
- */
-const createWrapper = (html, props = {}) => mount(/*#__PURE__*/_jsx(HtmlSanitizer, {
-  navigate: () => {},
-  ...props,
-  children: html
-}));
-describe('<HtmlSanitizer />', () => {
-  let embeddedMediaAddSpy;
-  let embeddedMediaRemoveSpy;
-  let embeddedMediaHandleCookieConsentSpy;
-  beforeEach(() => {
-    jest.clearAllMocks();
-    embeddedMediaAddSpy = jest.spyOn(embeddedMedia, 'add');
-    embeddedMediaRemoveSpy = jest.spyOn(embeddedMedia, 'remove');
-    embeddedMediaHandleCookieConsentSpy = jest.spyOn(embeddedMedia, 'handleCookieConsent');
-  });
-  it('should render the HtmlSanitizer', () => {
-    /**
-     * The value for html is the HTML-escaped equivalent of the following:
-     * <h1>Hello World!</h1>
-     * @type {string}
-     */
-    const html = '&lt;h1&gt;Hello World!&lt;/h1&gt;';
-    const wrapper = createWrapper(html, {
-      decode: true
-    });
-
-    // Test result of dangerouslySetInnerHTML.
-    expect(wrapper.html()).toEqual('<div class="common__html-sanitizer"><h1>Hello World!</h1></div>');
-    expect(wrapper.render()).toMatchSnapshot();
-  });
-  it('should add and remove handlers for embedded media', () => {
-    const wrapper = createWrapper('<div></div>', {
-      decode: true
-    });
-    const ref = wrapper.instance().htmlContainer.current;
-    expect(embeddedMediaAddSpy).toHaveBeenCalledTimes(1);
-    expect(embeddedMediaAddSpy).toHaveBeenCalledWith(ref);
-    expect(embeddedMediaRemoveSpy).toHaveBeenCalledTimes(0);
-    wrapper.setProps({
-      children: '<span></span>'
-    });
-    expect(embeddedMediaAddSpy).toHaveBeenCalledTimes(2);
-    expect(embeddedMediaAddSpy).toHaveBeenCalledWith(ref);
-    expect(embeddedMediaRemoveSpy).toHaveBeenCalledTimes(0);
-    wrapper.unmount();
-    expect(embeddedMediaAddSpy).toHaveBeenCalledTimes(2);
-    expect(embeddedMediaRemoveSpy).toHaveBeenCalledTimes(1);
-    expect(embeddedMediaRemoveSpy).toHaveBeenCalledWith(ref);
-  });
-  it('strips out images with relative paths', () => {
-    const html = `
-      <div>
-      <style>a { color: red }</style>
-        <a href="foo">
-          <img src="bar.jpg" />
-        </a>
-      </div>
-    `;
-    const wrapper = createWrapper(html);
-    expect(wrapper.html()).not.toContain('<img');
-    expect(wrapper.html()).toContain('<style>');
-    expect(wrapper.render()).toMatchSnapshot();
-  });
-  it('should move style blocks out of the content', () => {
-    const html = `
-      <div>
-        <style>a { color: red }</style>
-        <a href="foo">
-          <img src="bar.jpg" />
-        </a>
-      </div>
-    `;
-    const wrapper = createWrapper(html, {
-      processStyles: true
-    });
-    expect(wrapper.html()).not.toContain('<style>');
-  });
-  it('does not strip out images with absolute paths', () => {
-    const html = `
-      <div>
-        <a href="foo">
-          <img src="http://google.de/bar.jpg" />
-        </a>
-      </div>
-    `;
-    const wrapper = createWrapper(html);
-    expect(wrapper.html()).toContain('<img');
-    expect(wrapper.render()).toMatchSnapshot();
-  });
-  it('strips out the script tags', () => {
-    /**
-     * The value for html is the HTML-escaped equivalent of the following:
-     * <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
-     * <script type="text/javascript">var x = 42;</script>
-     * <p>Foo Bar</p>
-     * <script>var y = 23;</script>
-     * @type {string}
-     */
-    const html = '&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt;var x = 42;&lt;/script&gt; &lt;p&gt;Foo Bar&lt;/p&gt; &lt;script&gt;var y = 23;&lt;/script&gt;';
-    const wrapper = createWrapper(html, {
-      decode: true
-    });
-
-    // Test result of dangerouslySetInnerHTML.
-    expect(wrapper.html()).toEqual('<div class="common__html-sanitizer">  <p>Foo Bar</p> </div>');
-    expect(wrapper).toMatchSnapshot();
-  });
-  describe('Link handling', () => {
-    const mockedHandleClick = jest.fn();
-    beforeEach(() => {
-      mockedHandleClick.mockClear();
-    });
-    it('follows a link from a plain <a>', () => {
-      // Create a real container element in the current document
-      const attachNode = document.createElement('div');
-      document.body.appendChild(attachNode);
-      const html = '&lt;a id=&quot;link&quot; href=&quot;#follow-me-and-everything-is-alright&quot;&gt;Plain Link&lt;/a&gt;';
-      const wrapper = mount(/*#__PURE__*/_jsx(HtmlSanitizer, {
-        decode: true,
-        settings: {
-          handleClick: mockedHandleClick
-        },
-        navigate: () => {},
-        children: html
-      }), {
-        attachTo: attachNode
-      });
-      const aTag = attachNode.getElementsByTagName('a')[0];
-      aTag.closest = () => aTag;
-      const event = {
-        target: aTag,
-        preventDefault: () => {}
-      };
-      wrapper.instance().handleClick(event);
-      expect(mockedHandleClick).toHaveBeenCalledTimes(1);
-      expect(mockedHandleClick).toHaveBeenCalledWith('#follow-me-and-everything-is-alright', '');
-      wrapper.unmount();
-      attachNode.remove();
-    });
-    it('follows a link from a <a> with other HTML inside', () => {
-      const attachNode = document.createElement('div');
-      document.body.appendChild(attachNode);
-      const html = '&lt;a id=&quot;link&quot; target=&quot;_blank&quot; href=&quot;#I-ll-be-the-one-to-tuck-you-in-at-night&quot;&gt;&lt;span&gt;Span Link&lt;/span&gt;&lt;/a&gt;';
-      const wrapper = mount(/*#__PURE__*/_jsx(HtmlSanitizer, {
-        decode: true,
-        settings: {
-          handleClick: mockedHandleClick
-        },
-        navigate: () => {},
-        children: html
-      }), {
-        attachTo: attachNode
-      });
-      const aTag = attachNode.getElementsByTagName('a')[0];
-      const spanTag = attachNode.getElementsByTagName('span')[0];
-      spanTag.closest = () => aTag;
-      const event = {
-        target: spanTag,
-        preventDefault: () => {}
-      };
-      wrapper.instance().handleClick(event);
-      expect(mockedHandleClick).toHaveBeenCalledTimes(1);
-      expect(mockedHandleClick).toHaveBeenCalledWith('#I-ll-be-the-one-to-tuck-you-in-at-night', '_blank');
-    });
-  });
-  describe('Cookie consent handling', () => {
-    it('should invoke handleCookieConsent method of embedded media with default cookie consent settings', () => {
-      createWrapper('<div></div>', {
-        decode: true
-      });
-      expect(embeddedMediaHandleCookieConsentSpy).toHaveBeenCalledTimes(1);
-      expect(embeddedMediaHandleCookieConsentSpy).toHaveBeenCalledWith(expect.any(Document), {
-        comfortCookiesAccepted: false,
-        statisticsCookiesAccepted: false
-      });
-    });
-    it('should invoke handleCookieConsent method of embedded media with accepted comfort cookies', () => {
-      createWrapper('<div></div>', {
-        decode: true,
-        comfortCookiesAccepted: true
-      });
-      expect(embeddedMediaHandleCookieConsentSpy).toHaveBeenCalledTimes(1);
-      expect(embeddedMediaHandleCookieConsentSpy).toHaveBeenCalledWith(expect.any(Document), {
-        comfortCookiesAccepted: true,
-        statisticsCookiesAccepted: false
-      });
-    });
-    it('should invoke handleCookieConsent method of embedded media with accepted statistics cookies', () => {
-      createWrapper('<div></div>', {
-        decode: true,
-        statisticsCookiesAccepted: true
-      });
-      expect(embeddedMediaHandleCookieConsentSpy).toHaveBeenCalledTimes(1);
-      expect(embeddedMediaHandleCookieConsentSpy).toHaveBeenCalledWith(expect.any(Document), {
-        comfortCookiesAccepted: false,
-        statisticsCookiesAccepted: true
-      });
-    });
-    it('should invoke handleCookieConsent method of embedded media with all cookies accepted', () => {
-      createWrapper('<div></div>', {
-        decode: true,
-        comfortCookiesAccepted: true,
-        statisticsCookiesAccepted: true
-      });
-      expect(embeddedMediaHandleCookieConsentSpy).toHaveBeenCalledTimes(1);
-      expect(embeddedMediaHandleCookieConsentSpy).toHaveBeenCalledWith(expect.any(Document), {
-        comfortCookiesAccepted: true,
-        statisticsCookiesAccepted: true
-      });
-    });
-  });
-});

package/components/I18n/components/FormatDate/spec.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { i18n } from '@shopgate/engage/core';
-import I18n from "../../index";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-jest.unmock('@shopgate/engage/core/helpers/i18n');
-describe('<FormatDate />', () => {
-  const locales = {
-    greeting: 'Hello {date}'
-  };
-  const lang = 'en-US';
-  const timestamp = 123456789000;
-  const formattedDate = 'Nov 29, 1973';
-  const format = 'medium';
-  i18n.init({
-    locales,
-    lang
-  });
-  describe('Given the component was mounted to the DOM', () => {
-    let renderedElement;
-    it('should match snapshot', () => {
-      renderedElement = mount(/*#__PURE__*/_jsx(I18n.Provider, {
-        children: /*#__PURE__*/_jsxs("div", {
-          children: [/*#__PURE__*/_jsx("span", {
-            className: "only-date",
-            children: /*#__PURE__*/_jsx(I18n.Date, {
-              timestamp: timestamp,
-              format: format
-            })
-          }), /*#__PURE__*/_jsx("span", {
-            className: "text-with-date",
-            children: /*#__PURE__*/_jsx(I18n.Text, {
-              string: "greeting",
-              children: /*#__PURE__*/_jsx(I18n.Date, {
-                forKey: "date",
-                timestamp: timestamp,
-                format: format
-              })
-            })
-          })]
-        })
-      }));
-      expect(renderedElement).toMatchSnapshot();
-    });
-    it('should render formatted date', () => {
-      const text = renderedElement.find('.only-date').text();
-      expect(text).toBe(formattedDate);
-    });
-    it('should render within translated text', () => {
-      const text = renderedElement.find('.text-with-date').text();
-      expect(text).toBe(`Hello ${formattedDate}`);
-    });
-  });
-});

package/components/I18n/components/FormatNumber/spec.js

@@ -1,51 +0,0 @@
-import "core-js/modules/es.array.includes.js";
-import React from 'react';
-import { mount } from 'enzyme';
-import { i18n } from '@shopgate/engage/core';
-import I18n from "../../index";
-import FormatNumber from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.unmock('@shopgate/engage/core/helpers/i18n');
-describe('<FormatNumber>', () => {
-  describe('i18n not ready', () => {
-    it('should return same number and className when i18n is not ready', () => {
-      const component = mount(/*#__PURE__*/_jsx(FormatNumber, {
-        number: 1,
-        fractions: 2,
-        className: "some-class"
-      }));
-      expect(component.html().includes('some-class')).toBe(true);
-      expect(component.text().includes('1')).toBe(true);
-      expect(component).toMatchSnapshot();
-    });
-  });
-  describe('i18n ready', () => {
-    i18n.init({
-      locales: {},
-      lang: 'en-US'
-    });
-    const pairs = [[1, '1.00', 2], [0.1, '0.10', 2], [1, '1.000', 3], [1, '1', 0]];
-
-    /**
-     * Makes a component.
-     * @param {number} number Number
-     * @param {number} fractions Decimal points.
-     * @returns {Object}
-     */
-    const makeComponent = (number, fractions) => mount(/*#__PURE__*/_jsx(I18n.Provider, {
-      children: /*#__PURE__*/_jsx("div", {
-        children: /*#__PURE__*/_jsx(FormatNumber, {
-          number: number,
-          fractions: fractions
-        })
-      })
-    }));
-    pairs.forEach(([input, expexted, fractions]) => {
-      it(`should format ${input} into ${expexted}`, () => {
-        const component = makeComponent(input, fractions);
-        expect(component.text().includes(`${expexted}`)).toBe(true);
-        expect(component).toMatchSnapshot();
-      });
-    });
-  });
-});