MetaPhase-Consulting/State-TalentMAP

import { shallow } from 'enzyme';
import toJSON from 'enzyme-to-json';
import sinon from 'sinon';
import PositionTitle from './PositionTitle';
import detailsObject from '../../__mocks__/detailsObject';

describe('PositionTitleComponent', () => {
  const props = {
    details: detailsObject,
    userProfile: {},
    bidListToggleIsLoading: false,
    bidList: { results: [] },
  };

  it('can receive props', () => {
    const wrapper = shallow(
      <PositionTitle
        {...props}
      />,
    );
    expect(wrapper.instance().props.details.id).toBe(6);
  });

  it('renders the bid list button', () => {
    const wrapper = shallow(
      <PositionTitle
        {...props}
      />,
    );
    expect(wrapper.instance().renderBidListButton()).toBeDefined();
  });

  it('displays the OBC link if post_overview_url exists', () => {
    const newDetailsObject = { ...detailsObject };
    newDetailsObject.post.post_overview_url = { internal: 'url', external: 'url2' };
    const wrapper = shallow(
      <PositionTitle
        {...props}
        details={newDetailsObject}
      />,
    );
    expect(wrapper.find('OBCUrl').exists()).toBe(true);
  });

  it('hides the OBC link if obc_id does not exist', () => {
    const newDetailsObject = { ...detailsObject };
    newDetailsObject.post.post_overview_url = null;
    const wrapper = shallow(
      <PositionTitle
        {...props}
        details={newDetailsObject}
      />,
    );
    expect(wrapper.find('OBCUrl').exists()).toBe(false);
  });

  it('matches snapshot', () => {
    const wrapper = shallow(
      <PositionTitle
        {...props}
        details={detailsObject}
      />,
    );
    expect(toJSON(wrapper)).toMatchSnapshot();
  });

  it('matches snapshot when context.client === true', () => {
    const wrapper = shallow(
      <PositionTitle
        {...props}
        details={detailsObject}
      />, { context: { isClient: true } },
    );
    expect(toJSON(wrapper)).toMatchSnapshot();
  });

  // will include once new Go Back button is added
  xit('handles go back link click', () => {
    const stub = sinon.stub(window.history, 'back');
    const wrapper = shallow(
      <PositionTitle
        {...props}
        details={detailsObject}
      />,
    );
    const link = wrapper.find('a.back-link');
    link.simulate('click');
    expect(stub.called).toBe(true);
  });
});