text: import React from 'react';
  import { mount } from 'enzyme';
  import { cloneDeep, set } from 'lodash';
  
  import { BenefitsLines } from '../../../forms/output/BenefitsLines';
  import { CLIENT_DEFAULTS } from '../../../utils/CLIENT_DEFAULTS';
  
  // Skipping till highcharts testing is worked out
  describe.skip('<BenefitsLines>', () => {
    let activePrograms;
    let client;
    let defaultProps;
  
    const buildGraph = () => {
      return mount(<BenefitsLines { ...defaultProps } />);
    };
  
    beforeEach(() => {
      activePrograms = [];
      client = cloneDeep(CLIENT_DEFAULTS);
      defaultProps = {
        activePrograms: activePrograms,
        client:         client,
        timescale:      'Monthly',
        className:      'some-class',
      };
    });
    
    it('renders message when no benefits selected', () => {
      const graph = buildGraph();
  
      expect(graph.children).toHaveLength(1);
      expect(graph.childAt(0).is('Message')).toBe(true);
    });
  
    it('renders with snap and current earned less than future earned', () => {
      activePrograms.push('snap');
      set(client, 'current.earned', 100);
      set(client, 'future.earned', 200);
  
      expect(buildGraph()).toMatchSnapshot();
    });
  
    it('renders with snap and current earned greater than future earned', () => {
      activePrograms.push('snap');
      set(client, 'current.earned', 200);
      set(client, 'future.earned', 100);
      
      expect(buildGraph()).toMatchSnapshot();
    });
  
    it('renders with section8', () => {
      activePrograms.push('section8');
      set(client, 'current.earned', 100);
      set(client, 'future.earned', 200);
  
      expect(buildGraph()).toMatchSnapshot();
    });
  
    it('renders with both snap and section8', () => {
      activePrograms.push('snap');
      activePrograms.push('section8');
      set(client, 'current.earned', 100);
      set(client, 'future.earned', 200);
  
      expect(buildGraph()).toMatchSnapshot();
    });
  });
  