@shopgate/pwa-ui-shared 7.32.0-beta.9 → 7.32.0

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",
-}