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

package/action-creators/user/spec.js

@@ -1,186 +0,0 @@
-import { requestLogin, successLogin, errorLogin, requestLogout, successLogout, errorLogout, requestUser, receiveUser, errorUser, toggleLoggedIn } from "./index";
-import { REQUEST_LOGIN, SUCCESS_LOGIN, ERROR_LOGIN, REQUEST_LOGOUT, SUCCESS_LOGOUT, ERROR_LOGOUT, REQUEST_USER, RECEIVE_USER, ERROR_USER, TOGGLE_LOGGED_IN } from "../../constants/ActionTypes";
-import { DEFAULT_LOGIN_STRATEGY } from "../../constants/user";
-const messages = [{
-  type: 'EUNKNOWN',
-  message: 'Something went wrong',
-  code: 1337
-}];
-describe('Action Creators: user', () => {
-  describe('requestLogin()', () => {
-    it('should work as expected', () => {
-      const user = 'super@user.com';
-      const password = 'super#password';
-      const expected = {
-        type: REQUEST_LOGIN,
-        user,
-        password,
-        strategy: DEFAULT_LOGIN_STRATEGY
-      };
-      expect(requestLogin(user, password)).toEqual(expected);
-    });
-  });
-  describe('successLogin()', () => {
-    it('should work as expected with no parameters', () => {
-      const expected = {
-        type: SUCCESS_LOGIN,
-        redirect: undefined,
-        strategy: DEFAULT_LOGIN_STRATEGY
-      };
-      expect(successLogin()).toEqual(expected);
-    });
-    it('should work as expected with parameters', () => {
-      const redirect = '/some/url';
-      const strategy = 'custom';
-      const expected = {
-        type: SUCCESS_LOGIN,
-        redirect,
-        strategy
-      };
-      expect(successLogin(redirect, strategy)).toEqual(expected);
-    });
-  });
-  describe('errorLogin()', () => {
-    it('should work as expected', () => {
-      const expected = {
-        type: ERROR_LOGIN,
-        code: 'EUNKNOWN',
-        messages
-      };
-      expect(errorLogin(messages, 'EUNKNOWN')).toEqual(expected);
-    });
-    it('should work as expected when the messages parameter is empty', () => {
-      const expected = {
-        type: ERROR_LOGIN,
-        code: 'EUNKNOWN',
-        messages: []
-      };
-      expect(errorLogin(undefined, 'EUNKNOWN')).toEqual(expected);
-    });
-    it('should work as expected when the code paramter is empty', () => {
-      const expected = {
-        type: ERROR_LOGIN,
-        code: '',
-        messages
-      };
-      expect(errorLogin(messages)).toEqual(expected);
-    });
-  });
-  describe('requestLogout()', () => {
-    it('should work as expected', () => {
-      const expected = {
-        type: REQUEST_LOGOUT
-      };
-      expect(requestLogout()).toEqual(expected);
-    });
-  });
-  describe('successLogout()', () => {
-    it('should work as expected when called without parameter', () => {
-      const expected = {
-        type: SUCCESS_LOGOUT,
-        notify: true,
-        autoLogout: false
-      };
-      expect(successLogout()).toEqual(expected);
-    });
-    it('should work as expected when called with true', () => {
-      const expected = {
-        type: SUCCESS_LOGOUT,
-        notify: true,
-        autoLogout: false
-      };
-      expect(successLogout(true)).toEqual(expected);
-    });
-    it('should work as expected when called with false', () => {
-      const expected = {
-        type: SUCCESS_LOGOUT,
-        notify: false,
-        autoLogout: false
-      };
-      expect(successLogout(false)).toEqual(expected);
-    });
-    it('should work as expected when called with autoLogout parameter', () => {
-      const expected = {
-        type: SUCCESS_LOGOUT,
-        notify: true,
-        autoLogout: true
-      };
-      expect(successLogout(undefined, true)).toEqual(expected);
-    });
-  });
-  describe('errorLogout()', () => {
-    it('should work as expected', () => {
-      const expected = {
-        type: ERROR_LOGOUT,
-        messages,
-        autoLogout: false
-      };
-      expect(errorLogout(messages)).toEqual(expected);
-    });
-    it('should work as expected when the messages parameter is empty', () => {
-      const expected = {
-        type: ERROR_LOGOUT,
-        messages: [],
-        autoLogout: false
-      };
-      expect(errorLogout()).toEqual(expected);
-    });
-    it('should work as expected when called with autoLogout parameter', () => {
-      const expected = {
-        type: ERROR_LOGOUT,
-        messages,
-        autoLogout: true
-      };
-      expect(errorLogout(messages, true)).toEqual(expected);
-    });
-  });
-  describe('requestUser()', () => {
-    it('should work as expected', () => {
-      const expected = {
-        type: REQUEST_USER
-      };
-      expect(requestUser()).toEqual(expected);
-    });
-  });
-  describe('receiveUser()', () => {
-    it('should work as expected', () => {
-      const user = {
-        firstName: 'John',
-        lastName: 'Doe',
-        mail: 'john@doe.com'
-      };
-      const expected = {
-        type: RECEIVE_USER,
-        user
-      };
-      expect(receiveUser(user)).toEqual(expected);
-    });
-  });
-  describe('errorUser()', () => {
-    it('should work as expected', () => {
-      const err = new Error();
-      // eslint-disable-next-line extra-rules/no-single-line-objects
-      const expected = {
-        type: ERROR_USER,
-        error: err
-      };
-      expect(errorUser(err)).toEqual(expected);
-    });
-  });
-  describe('toggleLoggedIn()', () => {
-    it('should toggle to true', () => {
-      const expected = {
-        type: TOGGLE_LOGGED_IN,
-        value: true
-      };
-      expect(toggleLoggedIn(true)).toEqual(expected);
-    });
-    it('should toggle to false', () => {
-      const expected = {
-        type: TOGGLE_LOGGED_IN,
-        value: false
-      };
-      expect(toggleLoggedIn(false)).toEqual(expected);
-    });
-  });
-});

package/components/Backdrop/spec.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import Backdrop from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Backdrop />', () => {
-  let mockOpen;
-  beforeEach(() => {
-    mockOpen = jest.fn();
-  });
-  it('should render', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Backdrop, {
-      isVisible: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should execute callback when Backdrop is clicked', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Backdrop, {
-      isVisible: true,
-      onClick: mockOpen
-    }));
-    wrapper.find('div').simulate('click');
-    expect(mockOpen).toBeCalled();
-  });
-});

package/components/Button/spec.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import Button from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Button />', () => {
-  it('should render the button', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Button, {
-      children: "My content"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('button').length).toBe(1);
-  });
-  it('should render the button in disabled state', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Button, {
-      disabled: true,
-      children: "My content"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('button[disabled]').length).toBe(1);
-  });
-  it('should trigger the click event', () => {
-    const callback = jest.fn();
-    const wrapper = shallow(/*#__PURE__*/_jsx(Button, {
-      onClick: callback,
-      children: "My content"
-    }));
-    wrapper.simulate('click');
-    expect(wrapper).toMatchSnapshot();
-    expect(callback).toHaveBeenCalled();
-  });
-  it('should not trigger the click event when disabled', () => {
-    const callback = jest.fn();
-    const wrapper = shallow(/*#__PURE__*/_jsx(Button, {
-      disabled: true,
-      onClick: callback,
-      children: "My content"
-    }));
-    wrapper.simulate('click');
-    expect(wrapper).toMatchSnapshot();
-    expect(callback).not.toHaveBeenCalled();
-  });
-});

package/components/Checkbox/spec.js

@@ -1,111 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import Checkbox from "./index";
-
-/**
- * Checked Icon
- * @returns {JSX}
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Checked = () => /*#__PURE__*/_jsx("div", {});
-
-/**
- * Unchecked Icon
- * @returns {JSX}
- */
-const Unchecked = () => /*#__PURE__*/_jsx("div", {});
-describe('<Checkbox />', () => {
-  it('should render the checkbox with the label before the icon', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Checkbox, {
-      label: /*#__PURE__*/_jsx("span", {
-        children: "Test Label Deluxe"
-      }),
-      labelPosition: "left",
-      checkedIcon: /*#__PURE__*/_jsx(Checked, {}),
-      uncheckedIcon: /*#__PURE__*/_jsx(Unchecked, {}),
-      checked: false
-    }));
-    const expected = /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("span", {
-        children: "Test Label Deluxe"
-      }), /*#__PURE__*/_jsx(Unchecked, {})]
-    });
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.matchesElement(expected)).toBeTruthy();
-  });
-  it('should render the checkbox with the label after the icon', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Checkbox, {
-      label: /*#__PURE__*/_jsx("span", {
-        children: "Test Label Deluxe"
-      }),
-      labelPosition: "right",
-      checkedIcon: /*#__PURE__*/_jsx(Checked, {}),
-      uncheckedIcon: /*#__PURE__*/_jsx(Unchecked, {}),
-      checked: false
-    }));
-    const expected = /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx(Unchecked, {}), /*#__PURE__*/_jsx("span", {
-        children: "Test Label Deluxe"
-      })]
-    });
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.matchesElement(expected)).toBeTruthy();
-  });
-  it('should render the unchecked icon if "checked" is false', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Checkbox, {
-      checked: false,
-      label: "Test Label Deluxe",
-      checkedIcon: /*#__PURE__*/_jsx(Checked, {}),
-      uncheckedIcon: /*#__PURE__*/_jsx(Unchecked, {})
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Checked).length).toBe(0);
-    expect(wrapper.find(Unchecked).length).toBe(1);
-  });
-  it('should render the unchecked icon if "checked" is false', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Checkbox, {
-      checked: true,
-      label: "Test Label Deluxe",
-      checkedIcon: /*#__PURE__*/_jsx(Checked, {}),
-      uncheckedIcon: /*#__PURE__*/_jsx(Unchecked, {})
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Checked).length).toBe(1);
-    expect(wrapper.find(Unchecked).length).toBe(0);
-  });
-  it('should call the callback with the inverted value', () => {
-    const spy = jest.fn();
-    const wrapper = shallow(/*#__PURE__*/_jsx(Checkbox, {
-      label: "Test Label Deluxe",
-      checkedIcon: /*#__PURE__*/_jsx(Checked, {}),
-      uncheckedIcon: /*#__PURE__*/_jsx(Unchecked, {}),
-      checked: false,
-      onCheck: spy
-    }));
-    wrapper.simulate('click');
-    expect(spy).toHaveBeenCalledWith(true);
-  });
-  it('should render an <input> element if a name prop is provided', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Checkbox, {
-      label: "Test Label Deluxe",
-      checkedIcon: /*#__PURE__*/_jsx(Checked, {}),
-      uncheckedIcon: /*#__PURE__*/_jsx(Unchecked, {}),
-      defaultChecked: false,
-      name: "myCheckbox"
-    }));
-    const input = wrapper.find('input');
-    expect(input.length).toBe(1);
-    expect(input.prop('name')).toEqual('myCheckbox');
-    expect(input.prop('value')).toEqual(0);
-  });
-  it('should work as an uncontrolled input', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Checkbox, {
-      label: "Test Label Deluxe",
-      checkedIcon: /*#__PURE__*/_jsx(Checked, {}),
-      uncheckedIcon: /*#__PURE__*/_jsx(Unchecked, {}),
-      defaultChecked: false
-    }));
-    wrapper.simulate('click');
-    expect(wrapper.state('checked')).toBe(true);
-  });
-});

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);
-  });
-});