/* global describe, it, expect */
import React from 'react';
import { shallow } from 'enzyme';
import Option from '../option';

describe('<Option />', () => {
  it('should has hover state', () => {
    const option = shallow(<Option />);
    expect(option.state('hover')).toBe(false);
  });

  it('should className be dropdown-option', () => {
    const wrapper = shallow(<Option />);
    expect(wrapper.hasClass('dropdown-option')).toBe(true);
  });

  it('should has value', () => {
    const wrapper = shallow(<Option value="my value" />);
    expect(wrapper.prop('value')).toBe('my value');
  });
});

/* global describe, it, expect */
import React from 'react';
import { shallow } from 'enzyme';
import Option from '../option';

describe('<Option />', () => {
  it('should has hover state', () => {
    const option = shallow(<Option />);
    expect(option.state('hover')).toBe(false);
  });

  it('should className be dropdown-option', () => {
    const wrapper = shallow(<Option />);
    expect(wrapper.hasClass('dropdown-option')).toBe(true);
  });

  it('should has value', () => {
    const wrapper = shallow(<Option value="my value" />);
    expect(wrapper.prop('value')).toBe('my value');
  });

  it('should use value as text', () => {
    const wrapper = shallow(<Option value="my value" />);
    expect(wrapper.text()).toBe('my value');
  });
});

add test for custom value