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

package/Form/RadioGroup/spec.js

@@ -1,97 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import RadioItem from "./components/Item";
-import RadioGroup from '.';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const defProps = {
-  name: 'radio'
-};
-jest.mock('@shopgate/engage/components');
-describe('<RadioGroup />', () => {
-  it('should render empty group', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RadioGroup, {
-      ...defProps
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render column group with items', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RadioGroup, {
-      ...defProps,
-      children: /*#__PURE__*/_jsx(RadioItem, {
-        name: "foo",
-        label: "foo"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(RadioItem).length).toEqual(1);
-    expect(typeof wrapper.find(RadioItem).prop('onChange')).toEqual('function');
-  });
-  it('should render rows group with items', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RadioGroup, {
-      ...defProps,
-      direction: "rows",
-      children: /*#__PURE__*/_jsx(RadioItem, {
-        name: "foo",
-        label: "foo"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should use default value', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RadioGroup, {
-      ...defProps,
-      value: "foo",
-      children: /*#__PURE__*/_jsx(RadioItem, {
-        name: "foo",
-        label: "foo"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(RadioItem).length).toEqual(1);
-    expect(wrapper.find(RadioItem).prop('checked')).toEqual(true);
-  });
-  it('should have on value at a time', () => {
-    const wrapper = mount(/*#__PURE__*/_jsxs(RadioGroup, {
-      ...defProps,
-      children: [/*#__PURE__*/_jsx(RadioItem, {
-        name: "foo",
-        label: "foo"
-      }), /*#__PURE__*/_jsx(RadioItem, {
-        name: "bar",
-        label: "bar"
-      })]
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(RadioItem).length).toEqual(2);
-    const radio1 = wrapper.find(RadioItem).at(0).find('input');
-    const radio2 = wrapper.find(RadioItem).at(1).find('input');
-
-    // First element value
-    radio1.simulate('change');
-    wrapper.update();
-    expect(wrapper.find(RadioItem).at(0).prop('checked')).toEqual(true);
-    expect(wrapper.find(RadioItem).at(1).prop('checked')).toEqual(false);
-
-    // Second element value
-    radio2.simulate('change');
-    wrapper.update();
-    expect(wrapper.find(RadioItem).at(0).prop('checked')).toEqual(false);
-    expect(wrapper.find(RadioItem).at(1).prop('checked')).toEqual(true);
-  });
-  it('should call onChange callback', () => {
-    const onChange = jest.fn();
-    const wrapper = mount(/*#__PURE__*/_jsx(RadioGroup, {
-      ...defProps,
-      onChange: onChange,
-      children: /*#__PURE__*/_jsx(RadioItem, {
-        name: "foo",
-        label: "foo"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(RadioItem).length).toEqual(1);
-    const radio = wrapper.find(RadioItem).at(0).find('input');
-    radio.simulate('change');
-    expect(onChange).toHaveBeenCalledWith('foo');
-  });
-});

package/Form/Select/spec.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Select from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const inputProps = {
-  name: 'test-name'
-};
-describe('<Select />', () => {
-  // Simple tests for snapshots
-  const tests = {
-    'should render select with no options': {},
-    // eslint-disable-next-line extra-rules/no-single-line-objects
-    'should render select with 2 options': {
-      options: {
-        DE: 'Germany',
-        US: 'United states'
-      }
-    },
-    // eslint-disable-next-line extra-rules/no-single-line-objects
-    'should render select with 1 selected option': {
-      options: {
-        DE: 'Germany',
-        US: 'United states'
-      },
-      value: 'DE'
-    }
-  };
-  Object.keys(tests).forEach(test => {
-    it(test, () => {
-      const testFixtures = tests[test];
-      // eslint-disable-next-line extra-rules/no-single-line-objects
-      const wrapper = render(/*#__PURE__*/_jsx(Select, {
-        ...inputProps,
-        ...testFixtures
-      }));
-      expect(wrapper.asFragment()).toMatchSnapshot();
-    });
-  });
-});

package/Form/SelectContextChoices/spec.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import SelectContextChoices from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/a11y/components');
-jest.mock('@shopgate/engage/components');
-describe('<SelectContextChoices />', () => {
-  // Simple tests for snapshots
-  const tests = {
-    'should render select with no options': {},
-    // eslint-disable-next-line extra-rules/no-single-line-objects
-    'should render select with 2 options': {
-      options: {
-        DE: 'Germany',
-        US: 'United states'
-      }
-    },
-    // eslint-disable-next-line extra-rules/no-single-line-objects
-    'should render select with 1 selected option': {
-      options: {
-        DE: 'Germany',
-        US: 'United states'
-      },
-      value: ['DE']
-    }
-  };
-  Object.keys(tests).forEach(test => {
-    it(test, () => {
-      const testFixtures = tests[test];
-      const wrapper = render(/*#__PURE__*/_jsx(SelectContextChoices, {
-        ...testFixtures
-      }));
-      expect(wrapper.asFragment()).toMatchSnapshot();
-    });
-  });
-});

package/Form/TextField/spec.js

@@ -1,124 +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'
-};
-jest.mock('@shopgate/engage/components');
-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('SimpleInput');
-    expect(wrapper).toMatchSnapshot();
-    expect(input.instance().isFocused).toBe(false);
-    input.simulate('focus');
-    expect(input.instance().isFocused).toBe(true);
-    input.simulate('blur');
-    expect(input.instance().isFocused).toBe(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('ErrorText').find('Text').at(0).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('Text').props().string).toEqual(label);
-  });
-  it('should show the placeholder text', () => {
-    const placeholder = 'This is the placeholder text';
-    const wrapper = mount(/*#__PURE__*/_jsx(TextField, {
-      ...inputProps,
-      placeholder: placeholder
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('Placeholder').find('Text').at(0).props().string).toEqual(placeholder);
-  });
-});

package/FormElement/spec.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import FormElement from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const inputProps = {
-  htmlFor: 'test-input'
-};
-describe('<FormElement />', () => {
-  // Simple tests for snapshots
-  const tests = {
-    'should render a form element with no children': {
-      props: {}
-    },
-    'should render a form element with 1 child': {
-      props: {
-        children: [/*#__PURE__*/_jsx("input", {}, "test-key")]
-      }
-    },
-    'should render a focused form element': {
-      props: {
-        isFocused: true
-      }
-    },
-    'should show the label': {
-      props: {
-        label: 'The label'
-      },
-      find: 'Label',
-      equal: 'The label'
-    },
-    'should show the error message': {
-      props: {
-        errorText: 'The error text'
-      },
-      find: 'ErrorText',
-      equal: 'The error text'
-    },
-    'should show the placeholder text': {
-      props: {
-        placeholder: 'The placeholder'
-      },
-      find: 'Placeholder',
-      equal: 'The placeholder'
-    }
-  };
-  Object.keys(tests).forEach(test => {
-    it(test, () => {
-      const testFixtures = tests[test];
-      const wrapper = mount(/*#__PURE__*/_jsx(FormElement, {
-        ...inputProps,
-        ...testFixtures.props
-      }));
-      expect(wrapper).toMatchSnapshot();
-      if (testFixtures.find) {
-        expect(wrapper.find(testFixtures.find).find('Translate').props().string).toEqual(testFixtures.equal);
-      }
-    });
-  });
-  it('Should hide placeholder with hasValue', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(FormElement, {
-      label: "testlabel",
-      ...inputProps,
-      hasValue: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('Placeholder').props().visible).toEqual(false);
-  });
-});

package/Glow/spec.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Glow from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Glow />', () => {
-  it('should render with a smile', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Glow, {
-      children: /*#__PURE__*/_jsx("p", {
-        children: "Glowing!"
-      })
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-});

package/IndicatorCircle/spec.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import IndicatorCircle from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<IndicatorCircle />', () => {
-  it('should apply the given size', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(IndicatorCircle, {
-      size: 32
-    }));
-    expect(wrapper).toMatchSnapshot();
-    const svg = wrapper.find('svg');
-    expect(svg.props().width).toBe(32);
-    expect(svg.props().height).toBe(32);
-  });
-  it('should apply the given color', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(IndicatorCircle, {
-      size: 32,
-      color: "#fff",
-      strokeWidth: 4
-    }));
-    expect(wrapper).toMatchSnapshot();
-    const circleHtml = wrapper.find('circle');
-    expect(circleHtml.html()).toMatch(/class="[^"]*"/);
-    expect(circleHtml.html()).not.toEqual('');
-  });
-});

package/PlaceholderLabel/spec.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import PlaceholderLabel from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<PlaceholderLabel />', () => {
-  it('should render placeholder ', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(PlaceholderLabel, {
-      ready: false,
-      children: /*#__PURE__*/_jsx("h1", {
-        children: "foo"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('h1').length).toEqual(0);
-  });
-  it('should render children', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(PlaceholderLabel, {
-      ready: true,
-      children: /*#__PURE__*/_jsx("h1", {
-        children: "foo"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('h1').length).toEqual(1);
-  });
-});

package/PlaceholderParagraph/spec.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import PlaceholderParagraph from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<PlaceholderParagraph />', () => {
-  it('should render placeholder ', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(PlaceholderParagraph, {
-      ready: false,
-      children: /*#__PURE__*/_jsx("h1", {
-        children: "foo"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('h1').length).toEqual(0);
-  });
-  it('should render children', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(PlaceholderParagraph, {
-      ready: true,
-      children: /*#__PURE__*/_jsx("h1", {
-        children: "foo"
-      })
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('h1').length).toEqual(1);
-  });
-});

package/ProgressBar/spec.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import Transition from 'react-transition-group/Transition';
-import ProgressBar from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<ProgressBar />', () => {
-  it('renders an indeterminate progress bar.', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(ProgressBar, {
-      isVisible: true
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Transition).length).toBe(1);
-  });
-});

package/RadioButton/spec.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import CheckedIcon from "../icons/RadioCheckedIcon";
-import UncheckedIcon from "../icons/RadioUncheckedIcon";
-import RadioButton from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('RadioButton', () => {
-  it('should render selected RadioButton', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RadioButton, {
-      checked: true
-    }));
-    expect(wrapper.find(CheckedIcon).exists()).toBe(true);
-    expect(wrapper.find(UncheckedIcon).exists()).toBe(false);
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render unselected RadioButton', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RadioButton, {}));
-    expect(wrapper.find(CheckedIcon).exists()).toBe(false);
-    expect(wrapper.find(UncheckedIcon).exists()).toBe(true);
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/RatingStars/spec.js

@@ -1,91 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
-import StarIcon from "../icons/StarIcon";
-import StarHalfIcon from "../icons/StarHalfIcon";
-import RatingStars from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const numEmptyStars = 5;
-describe('<RatingStars />', () => {
-  it('renders with value of 50', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(RatingStars, {
-      value: 50
-    }), mockRenderOptions);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(StarIcon).length).toBe(numEmptyStars + 2);
-    expect(wrapper.find(StarHalfIcon).length).toBe(1);
-  });
-  it('renders with value of 0', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(RatingStars, {
-      value: 0
-    }), mockRenderOptions);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(StarIcon).length).toBe(numEmptyStars);
-    expect(wrapper.find(StarHalfIcon).length).toBe(0);
-  });
-  it('renders with value of 100', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(RatingStars, {
-      value: 100
-    }), mockRenderOptions);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(StarIcon).length).toBe(numEmptyStars + 5);
-    expect(wrapper.find(StarHalfIcon).length).toBe(0);
-  });
-  it('should change rating on click', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(RatingStars, {
-      value: 100,
-      isSelectable: true
-    }), mockRenderOptions);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(StarIcon).length).toBe(10);
-    wrapper.setProps({
-      value: 20
-    });
-    expect(wrapper.find(StarIcon).length).toBe(6);
-    wrapper.setProps({
-      value: 70
-    });
-    expect(wrapper.find(StarIcon).length).toBe(8);
-    expect(wrapper.find(StarHalfIcon).length).toBe(1);
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should call onSelection callback when component is selectable', () => {
-    const spy = jest.fn();
-    const wrapper = shallow(/*#__PURE__*/_jsx(RatingStars, {
-      value: 100,
-      isSelectable: true,
-      onSelection: e => {
-        wrapper.setProps({
-          value: e.target.value
-        });
-        spy();
-      }
-    }), mockRenderOptions);
-    // Click on 1 filled star.
-    wrapper.find('[role="button"]').at(5).simulate('click', {
-      target: {
-        value: 10
-      }
-    });
-    expect(spy.mock.calls.length).toBe(1);
-    expect(wrapper.find('[role="button"]').length).toBe(6);
-    // Click on 4th empty star
-    wrapper.find('[role="button"]').at(3).simulate('click', {
-      target: {
-        value: 80
-      }
-    });
-    expect(wrapper.find('[role="button"]').length).toBe(9);
-    expect(spy.mock.calls.length).toBe(2);
-  });
-  it('should NOT call onSelection callback when component is NOT selectable', () => {
-    const spy = jest.fn();
-    const wrapper = shallow(/*#__PURE__*/_jsx(RatingStars, {
-      value: 100,
-      onSelection: spy
-    }), mockRenderOptions);
-    wrapper.find(StarIcon).at(5).parent('div').simulate('click');
-    expect(wrapper.find('[role="button"]').length).toBe(0);
-    expect(spy.mock.calls.length).toBe(0);
-  });
-});

package/RippleButton/spec.js

@@ -1,58 +0,0 @@
-import trim from 'lodash/trim';
-import React from 'react';
-import { mount } from 'enzyme';
-import BaseButton from '@shopgate/pwa-common/components/Button';
-import Ripple from "../Ripple";
-import RippleButton from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<RippleButton />', () => {
-  it('should render as a regular ripple button effect if type is omitted', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RippleButton, {
-      children: "Press me"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find(Ripple).text()).toEqual('Press me');
-  });
-  it('should render as a regular ripple button if type is explicitly defined', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RippleButton, {
-      type: "regular",
-      children: "Press me"
-    }));
-    const base = wrapper.find(BaseButton);
-    expect(base.exists()).toBe(true);
-    expect(trim(base.props().className)).toMatch(/^ui-shared__button /);
-    expect(trim(base.props().className)).toContain('ui-shared__ripple-button');
-    expect(wrapper.find(Ripple).render().text()).toEqual('Press me');
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render as a primary ripple button', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RippleButton, {
-      type: "primary",
-      children: "Press me"
-    }));
-    const base = wrapper.find(BaseButton);
-    expect(trim(base.props().className)).toMatch(/^ui-shared__button /);
-    expect(trim(base.props().className)).toContain('ui-shared__ripple-button');
-    expect(wrapper.find(Ripple).render().text()).toEqual('Press me');
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render as a secondary ripple button', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RippleButton, {
-      type: "secondary",
-      children: "Press me"
-    }));
-    const base = wrapper.find(BaseButton);
-    expect(trim(base.props().className)).toMatch(/^ui-shared__button /);
-    expect(trim(base.props().className)).toContain('ui-shared__ripple-button');
-    expect(wrapper.find(Ripple).render().text()).toEqual('Press me');
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render as a disabled ripple button', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(RippleButton, {
-      disabled: true,
-      children: "Press me"
-    }));
-    expect(wrapper.find(BaseButton).props().disabled).toBe(true);
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/Sheet/components/Header/components/SearchBar/spec.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import SearchBar from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<SearchBar />', () => {
-  it('should call handleChange on input', async () => {
-    const handleChange = jest.fn();
-    const wrapper = await mount(/*#__PURE__*/_jsx(SearchBar, {
-      handleChange: handleChange
-    }));
-    expect(wrapper).toMatchSnapshot();
-    // Update input
-    wrapper.find('input').first().simulate('change', {
-      target: {
-        name: 'search',
-        value: 'asdf'
-      }
-    });
-    // Should call with updated state.
-    expect(handleChange).toHaveBeenCalledWith('asdf');
-  });
-});