autocomplete tests

Author: Andrei Alexandru

views/src/components/Autocomplete.test.js

@@ -0,0 +1,58 @@
+import React from 'react';
+
+import Autocomplete from './Autocomplete.jsx';
+
+test('className default is autocomplete', () => {
+  const component = shallow(<Autocomplete/>);
+    expect(component.hasClass('autocomplete')).toBe(true);
+});
+
+test('className is test-autocomplete', () => {
+  const component = shallow(<Autocomplete className="test-autocomplete"/>);
+  expect(component.hasClass('test-autocomplete')).toBe(true);
+});
+
+test('placeholder of input is updated from property', ()=> {
+  const component = shallow(<Autocomplete placeholder="Search User" />);
+  expect(component.find('input').prop('placeholder')).toEqual('Search User');
+});
+
+test('click on Clear triggers handleSearch and handleBlur', () => {
+  const searchChanged = (value) => {
+      expect(value).toEqual('');
+    },
+    handleBlur = () => {},
+    spy = jest.spyOn(Autocomplete.prototype, 'handleClear'),
+    component = mount(<Autocomplete searchChanged={searchChanged} handleBlur={handleBlur} />);
+  component.find('CustomButton').simulate('click');
+
+  expect(spy).toHaveBeenCalled();
+});
+
+test('onChange triggers handleSearchChanged', () => {
+  const searchChanged = (value) => {
+      expect(value).toEqual('');
+    },
+    spy = jest.spyOn(Autocomplete.prototype, 'handleSearchChanged'),
+    component = mount(<Autocomplete searchChanged={searchChanged} />);
+  component.find('input').simulate('change',{});
+
+  expect(spy).toHaveBeenCalled();
+});
+
+test('onBlur triggers handleBlur', done => {
+  const searchChanged = () => {
+    },
+    handleBlur = () => {},
+    spy = jest.spyOn(Autocomplete.prototype, 'handleBlur'),
+    component = mount(<Autocomplete searchChanged={searchChanged} handleBlur={handleBlur}/>);
+  component.find('input').simulate('blur', {});
+  expect(spy).toHaveBeenCalled();
+  done();
+})
+
+test('if value and no items empty-items className is added', () => {
+  const component = mount(<Autocomplete value="abc" />),
+    input = component.find('input');
+  expect(input.hasClass('empty-items')).toBe(true);
+})

views/src/components/Wishlist.test.js

@@ -5,8 +5,6 @@ import renderer from 'react-test-renderer';
 import WishList from './Wishlist.jsx';
 import store from '../store/index';
 
-// import {wishlistAddProduct} from '../actions/index';
-
 test('Initiated Wishlist matches the snapshot', () => {
   const component = renderer.create(
     <Provider store={store}>
@@ -24,15 +22,3 @@ test('wishlist className is wishlist-products', () => {
     </Provider>);
     expect(wrapper.find('.wishlist-products')).toHaveLength(1);
 });
-
-// test('wishlistGetIds is called once', ()=> {
-//   let wrapper = mount(
-//       <WishList store={store} />);
-//       const props = wrapper.instance().props;
-//         // store = props.store;
-//       props.store.subscribe(() => {
-//         expect(props.store.getState()).user.wishlist.toHaveLength(1);
-//       });
-//
-//       props.store.dispatch(wishlistAddProduct('5b6830856882617d10f2a567'));
-// });