import React from 'react';
import { shallow } from 'enzyme';
import Menu from '../../MultiEmailSelect/Menu';

describe('MultiEmailSelect Menu', () => {
  let component;
  let selectProps = {
    activateSuggestions: {
      headline: 'See contacts suggestions',
      text: 'From Gmail, Outlook, Office 365',
      buttonText: 'Activate suggestions',
      buttonLink: '/account',
      silentButtonText: 'Later',
    },
  };

  it('matches a snapshot', () => {
    component = shallow(<Menu selectProps={selectProps} />);
    expect(component.getElement()).toMatchSnapshot();
  });

  it('it should render the active suggestions component if activateSuggestions props are being passed', () => {
    component = shallow(<Menu selectProps={selectProps} />);
    expect(component.find('ActivateSuggestions').exists()).toBeTruthy();
  });

  it('it should render the active suggestions component if activateSuggestions props are being passed', () => {
    selectProps = {
      activateSuggestions: null,
    };
    component = shallow(<Menu selectProps={selectProps} />);
    expect(component.find('ActivateSuggestions').exists()).toBeFalsy();
  });
});