verdaccio/test/webui/components/search.spec.js

/**
 * 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();
  });
});