webui: <Search /> component test case

Fix: placeholder test for <Search /> component

minor fix

test/webui/components/search.spec.js

@@ -0,0 +1,44 @@
+/**
+ * Search component
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import Search from '../../../src/webui/src/components/Search/index';
+
+console.error = jest.fn();
+
+describe('<Search /> component', () => {
+  it('should give error for the required fields', () => {
+    const wrapper = shallow(<Search />);
+    expect(console.error).toBeCalled();
+    expect(wrapper
+        .find('input')
+        .prop('placeholder')).toEqual('Type to search...');
+  });
+
+  it('should have <input /> element with correct properties', () => {
+    const props = {
+      handleSearchInput: () => {},
+      placeHolder: 'Test placeholder'
+    };
+    const wrapper = shallow(<Search {...props} />);
+    expect(wrapper.find('input')).toHaveLength(1);
+    expect(wrapper.find('input').prop('placeholder')).toEqual(
+      'Test placeholder'
+    );
+    expect(typeof wrapper
+        .find('input')
+        .prop('onChange')).toBe('function');
+  });
+
+  it('should call the handleSearchInput function', () => {
+    const props = {
+      handleSearchInput: jest.fn(),
+      placeHolder: 'Test placeholder'
+    };
+    const wrapper = shallow(<Search {...props} />);
+    wrapper.find('input').simulate('change');
+    expect(props.handleSearchInput).toBeCalled();
+  });
+});