content: import React from 'react';
  import { shallow } from 'enzyme';
  import ListItem from '../ListItem';
  
  describe('<ListItem />', () => {
      it('should render a basic list item', () => {
          const value = 'Single-line item';
  
          const wrapper = shallow(<ListItem>{value}</ListItem>);
  
          expect(wrapper).toMatchSnapshot();
      });
      it('should render start (left) detail elements', () => {
          const value = 'Wi-Fi';
          const leftIcon = 'network_wifi';
  
          const wrapper = shallow(<ListItem icon={leftIcon}>{value}</ListItem>);
  
          expect(wrapper).toMatchSnapshot();
      });
      it('should render start (left) detail avatar', () => {
          const value = 'George Washington';
          const avatarSrc = 'http://4vector.com/i/free-vector-george-washington-clip-art_108422_George_Washington_clip_art_hight.png';
  
          const wrapper = shallow(<ListItem avatarSrc={avatarSrc}>{value}</ListItem>);
  
          expect(wrapper).toMatchSnapshot();
      });
      it('should render end (right) detail elements', () => {
          const value = 'Janet Perkins';
          const iconRight = 'favorite';
          const rightTitle = 'Remove from favorites';
  
          const wrapper = shallow(<ListItem iconRight={iconRight} rightTitle={rightTitle}>{value}</ListItem>);
  
          expect(wrapper).toMatchSnapshot();
      });
      it('should render two-line list item', () => {
          const value = 'Item 1';
          const secondaryValue = 'Secondary Value 1';
  
          const wrapper = shallow(<ListItem secondaryValue={secondaryValue}>{value}</ListItem>);
  
          expect(wrapper).toMatchSnapshot();
      });
  });
  