@shopgate/pwa-ui-shared 7.32.0-beta.2 → 7.32.0-beta.21

package/Sheet/components/Header/spec.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
-import Header from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Header />', () => {
-  it('should render with correct title', () => {
-    const title = 'My Title';
-    const wrapper = shallow(/*#__PURE__*/_jsx(Header, {
-      title: title
-    }), mockRenderOptions);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find({
-      variant: 'h3'
-    }).first().props().children).toEqual(title);
-  });
-});

package/Sheet/spec.js

@@ -1,100 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import Drawer from '@shopgate/pwa-common/components/Drawer';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
-import UIEvents from '@shopgate/pwa-core/emitters/ui';
-import Sheet, { SHEET_EVENTS } from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-window.requestAnimationFrame = () => {};
-jest.mock('@shopgate/pwa-core/emitters/ui', () => ({
-  emit: jest.fn()
-}));
-jest.mock('@shopgate/engage/a11y/components');
-describe('<Sheet />', () => {
-  it('should render closed without content', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Sheet, {}));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render opened without content', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Sheet, {
-      isOpen: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render with content and title', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Sheet, {
-      isOpen: true,
-      title: "Test-Title",
-      children: /*#__PURE__*/_jsx("div", {
-        children: "Test"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should call onDidOpen callback when the Sheet was opened', () => {
-    const onOpen = jest.fn();
-    const onDidOpen = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(Sheet, {
-      isOpen: false,
-      onOpen: onOpen,
-      onDidOpen: onDidOpen,
-      children: /*#__PURE__*/_jsx("div", {
-        children: "Test"
-      })
-    }), mockRenderOptions);
-    expect(onOpen).not.toHaveBeenCalled();
-    expect(onDidOpen).not.toHaveBeenCalled();
-    wrapper.setProps({
-      isOpen: true
-    });
-    wrapper.update();
-    expect(onOpen).toHaveBeenCalled();
-    wrapper.find(Drawer).simulate('animationEnd');
-    expect(onDidOpen).toHaveBeenCalled();
-    expect(UIEvents.emit).nthCalledWith(1, SHEET_EVENTS.OPEN);
-  });
-  it('should trigger onClose callback and close the Sheet', () => {
-    const onCloseSpy = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(Sheet, {
-      isOpen: true,
-      title: "Test-Title",
-      onClose: onCloseSpy,
-      children: /*#__PURE__*/_jsx("div", {
-        children: "Test"
-      })
-    }), mockRenderOptions);
-
-    // Trigger a click on the close button of the Sheet.
-    wrapper.find('button').first().simulate('click');
-    return new Promise(resolve => {
-      // Wait until the drawer is closed and has updated it's state.
-      setTimeout(() => {
-        resolve();
-      }, wrapper.find(Drawer).prop('animation').duration);
-    }).then(() => {
-      // Check if onClose callback was called.
-      expect(onCloseSpy).toHaveBeenCalled();
-
-      // Check if the Drawer component was closed.
-      expect(wrapper.find(Drawer).prop('isOpen')).not.toBeTruthy();
-      expect(wrapper).toMatchSnapshot();
-      wrapper.find(Drawer).simulate('animationEnd');
-      expect(UIEvents.emit).lastCalledWith(SHEET_EVENTS.CLOSE);
-    });
-  });
-  it('should open', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Sheet, {
-      isOpen: false,
-      title: "Test-Title",
-      children: /*#__PURE__*/_jsx("div", {
-        children: "Test"
-      })
-    }), mockRenderOptions);
-    wrapper.setProps({
-      isOpen: true
-    });
-    wrapper.update();
-    expect(wrapper.find(Drawer).prop('isOpen')).toBeTruthy();
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/TaxDisclaimer/spec.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { I18n } from '@shopgate/engage/components';
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/styles', () => ({
-  makeStyles: () => function mockUseStylesFactory() {
-    return function useStylesMock() {
-      return {
-        classes: {
-          text: 'mock-class-text'
-        },
-        cx: (...classes) => classes.filter(Boolean).join(' ')
-      };
-    };
-  },
-  keyframes: () => ({})
-}));
-jest.mock('@shopgate/engage/core/hooks/useWidgetSettings', () => ({
-  useWidgetSettings: jest.fn().mockReturnValue({
-    show: null,
-    hint: '*',
-    text: null
-  })
-}));
-describe('<TaxDisclaimer />', () => {
-  afterEach(() => {
-    jest.resetModules();
-  });
-  it('should display the component', () => {
-    jest.mock('@shopgate/pwa-common-commerce/market/helpers/showTaxDisclaimer', () => true);
-    const TaxDisclaimer = jest.requireActual("./index").default;
-    const wrapper = shallow(/*#__PURE__*/_jsx(TaxDisclaimer, {}));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(I18n.Text).exists()).toBe(true);
-  });
-  it('should display null', () => {
-    jest.mock('@shopgate/pwa-common-commerce/market/helpers/showTaxDisclaimer', () => false);
-    const TaxDisclaimer = jest.requireActual("./index").default;
-    const wrapper = shallow(/*#__PURE__*/_jsx(TaxDisclaimer, {}));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(I18n.Text).exists()).toBe(false);
-  });
-});

package/TextField/spec.js

@@ -1,146 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import TextField from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const inputProps = {
-  name: 'test-input'
-};
-describe('<TextField />', () => {
-  it('should render a simple text field', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('input').length).toBe(1);
-  });
-  it('should render the text field as password', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      password: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('input[type="password"]').length).toBe(1);
-  });
-  it('should render the text field with a default value', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      value: "FooBar"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('input[value="FooBar"]').length).toBe(1);
-  });
-  it('should trigger the onChange callback', () => {
-    const onChangeMock = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      onChange: onChangeMock
-    }));
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: 'a'
-      }
-    });
-    expect(onChangeMock).toHaveBeenCalledTimes(2);
-    expect(wrapper.find('input').props().value).toEqual('a');
-  });
-  it('should receive the correct value while typing', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps
-    }));
-    const input = wrapper.find('input');
-    input.simulate('change', {
-      target: {
-        value: 'foobar'
-      }
-    });
-    expect(wrapper).toMatchSnapshot();
-    expect(input.instance().value).toBe('foobar');
-  });
-  it('should sanitize the input', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      onSanitize: value => value.toUpperCase()
-    }));
-    const input = wrapper.find('input');
-    input.simulate('change', {
-      target: {
-        value: 'foobar'
-      }
-    });
-    expect(wrapper).toMatchSnapshot();
-    expect(input.instance().value).toBe('FOOBAR');
-  });
-  it('should trigger the validation callback', () => {
-    const onValidateMock = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      onValidate: onValidateMock
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(onValidateMock).toHaveBeenCalled();
-  });
-  it('should focus the input', () => {
-    const onFocusMock = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      onFocusChange: onFocusMock
-    }));
-    const input = wrapper.find('input');
-    expect(wrapper).toMatchSnapshot();
-    expect(onFocusMock).toHaveBeenCalledTimes(0);
-    input.simulate('focus');
-    expect(onFocusMock).toHaveBeenCalledTimes(1);
-    expect(onFocusMock).toHaveBeenCalledWith(true);
-    input.simulate('blur');
-    expect(onFocusMock).toHaveBeenCalledTimes(2);
-    expect(onFocusMock).toHaveBeenCalledWith(false);
-  });
-  it('should show the error message', () => {
-    const errorText = 'This is an error here';
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      errorText: errorText
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('Translate').at(2).props().string).toEqual(errorText);
-  });
-  it('should show the label', () => {
-    const label = 'This is the label';
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      label: label
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('Label').find('Translate').props().string).toEqual(label);
-  });
-  it('should show the hint text', () => {
-    const hintText = 'This is the hint text';
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      hintText: hintText
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('Hint').find('Translate').at(0).props().string).toEqual(hintText);
-  });
-  it('should replace the error text with custom validation error', () => {
-    /**
-     * A custom validation method that always returns an error.
-     * @return {string} The error message.
-     */
-    const onValidate = () => 'Custom validation error';
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      onValidate: onValidate
-    }));
-    wrapper.find('input').simulate('blur');
-    expect(wrapper).toMatchSnapshot();
-    // Expect at least one element containing the validation error text.
-    expect(wrapper.findWhere(node => {
-      try {
-        return node.text() === onValidate();
-      } catch (e) {
-        return false;
-      }
-    }).length).toBeGreaterThan(0);
-  });
-});

package/ToggleIcon/spec.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import ToggleIcon from "./index";
-import VisibilityIcon from "../icons/VisibilityIcon";
-import VisibilityOffIcon from "../icons/VisibilityOffIcon";
-import { jsx as _jsx } from "react/jsx-runtime";
-const inputProps = {
-  onIcon: /*#__PURE__*/_jsx(VisibilityIcon, {}),
-  offIcon: /*#__PURE__*/_jsx(VisibilityOffIcon, {})
-};
-describe('<ToggleIcon>', () => {
-  it('should render a toggle icon', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(ToggleIcon, {
-      ...inputProps
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('VisibilityIcon').length).toBe(1);
-    expect(wrapper.find('VisibilityOffIcon').length).toBe(0);
-  });
-  it('should render a toggle icon with false as default', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(ToggleIcon, {
-      ...inputProps,
-      on: false
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('VisibilityIcon').length).toBe(0);
-    expect(wrapper.find('VisibilityOffIcon').length).toBe(1);
-  });
-  it('should trigger the toggleHandler callback', () => {
-    const mockToggleHandler = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(ToggleIcon, {
-      ...inputProps,
-      toggleHandler: mockToggleHandler
-    }));
-    wrapper.find('div').simulate('click');
-    expect(wrapper).toMatchSnapshot();
-    expect(mockToggleHandler.mock.calls.length).toBe(1);
-  });
-});

package/tsconfig.build.json

@@ -1,16 +0,0 @@
-{
-  "extends": "@shopgate/engage/tsconfig.build.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "."
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": [
-    "dist",
-    "node_modules",
-    "**/*.spec.*",
-    "**/__tests__/**",
-    "**/__snapshots__/**",
-    "coverage"
-  ]
-}

package/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@shopgate/engage/tsconfig.json",
-}