import React from 'react';
import { shallow } from 'enzyme';

import TargetFundTooltipBody from './TargetFundTooltipBody';

describe('TargetFundTooltipBody', () => {
  let component;

  beforeEach(() => {
    component = shallow(<TargetFundTooltipBody targetFundIsin="AE123232334" />);
  });

  it('when wrong isin passed - renders default no data message', () => {
    component.setProps({ targetFundIsin: 'someising'});

    const noDataMessage = () => component.find('div.target-fund-tooltip__no-data');
    const listItems = () => component.find('ul li');
    expect(noDataMessage).toBeTruthy();
    expect(listItems().length).toBe(0);
  });

  it('renders component with correct fund info for advanced fund', () => {
    component.setProps({ targetFundIsin: 'AE123232334'});

    const image = () => component.find('img.diagram');
    const listItems = () => component.find('ul li');
    expect(image().prop('src')).toBeTruthy();
    expect(listItems().length).toBe(5);
  });

  it('renders component with correct fund info for conservative fund', () => {
    component.setProps({ targetFundIsin: 'AE123232335'});

    const image = () => component.find('img.diagram');
    const listItems = () => component.find('ul li');
    expect(image().prop('src')).toBeTruthy();
    expect(listItems().length).toBe(4);
  });
});

@@ -577,16 +577,18 @@
 aMessage
+()
 ).toBeTr

Fix test