text: import React from 'react'
  import assert from 'assert'
  import { shallow } from 'enzyme'
  import sinon from 'sinon'
  import AddRecipient from '../add-recipient.component'
  import Dialog from '../../../../../components/ui/dialog'
  
  const propsMethodSpies = {
    closeToDropdown: sinon.spy(),
    openToDropdown: sinon.spy(),
    updateGas: sinon.spy(),
    updateSendTo: sinon.spy(),
    updateSendToError: sinon.spy(),
    updateSendToWarning: sinon.spy(),
  }
  
  describe('AddRecipient Component', function () {
    let wrapper
    let instance
  
    beforeEach(function () {
      wrapper = shallow((
        <AddRecipient
          closeToDropdown={propsMethodSpies.closeToDropdown}
          inError={false}
          inWarning={false}
          network="mockNetwork"
          openToDropdown={propsMethodSpies.openToDropdown}
          to="mockTo"
          toAccounts={['mockAccount']}
          toDropdownOpen={false}
          updateGas={propsMethodSpies.updateGas}
          updateSendTo={propsMethodSpies.updateSendTo}
          updateSendToError={propsMethodSpies.updateSendToError}
          updateSendToWarning={propsMethodSpies.updateSendToWarning}
          addressBook={[{ address: '0x80F061544cC398520615B5d3e7A3BedD70cd4510', name: 'Fav 5' }]}
          nonContacts={[{ address: '0x70F061544cC398520615B5d3e7A3BedD70cd4510', name: 'Fav 7' }]}
          contacts={[{ address: '0x60F061544cC398520615B5d3e7A3BedD70cd4510', name: 'Fav 6' }]}
        />
      ), { context: { t: (str) => str + '_t' } })
      instance = wrapper.instance()
    })
  
    afterEach(function () {
      propsMethodSpies.closeToDropdown.resetHistory()
      propsMethodSpies.openToDropdown.resetHistory()
      propsMethodSpies.updateSendTo.resetHistory()
      propsMethodSpies.updateSendToError.resetHistory()
      propsMethodSpies.updateSendToWarning.resetHistory()
      propsMethodSpies.updateGas.resetHistory()
    })
  
    describe('selectRecipient', function () {
  
      it('should call updateSendTo', function () {
        assert.equal(propsMethodSpies.updateSendTo.callCount, 0)
        instance.selectRecipient('mockTo2', 'mockNickname')
        assert.equal(propsMethodSpies.updateSendTo.callCount, 1)
        assert.deepEqual(
          propsMethodSpies.updateSendTo.getCall(0).args,
          ['mockTo2', 'mockNickname']
        )
      })
  
      it('should call updateGas if there is no to error', function () {
        assert.equal(propsMethodSpies.updateGas.callCount, 0)
        instance.selectRecipient(false)
        assert.equal(propsMethodSpies.updateGas.callCount, 1)
      })
    })
  
    describe('render', function () {
      it('should render a component', function () {
        assert.equal(wrapper.find('.send__select-recipient-wrapper').length, 1)
      })
  
      it('should render no content if there are no recents, transfers, and contacts', function () {
        wrapper.setProps({
          ownedAccounts: [],
          addressBook: [],
        })
  
        assert.equal(wrapper.find('.send__select-recipient-wrapper__list__link').length, 0)
        assert.equal(wrapper.find('.send__select-recipient-wrapper__group').length, 0)
      })
  
      it('should render transfer', function () {
        wrapper.setProps({
          ownedAccounts: [{ address: '0x123', name: '123' }, { address: '0x124', name: '124' }],
          addressBook: [{ address: '0x456', name: 'test-name' }],
        })
        wrapper.setState({ isShowingTransfer: true })
  
        const xferLink = wrapper.find('.send__select-recipient-wrapper__list__link')
        assert.equal(xferLink.length, 1)
  
  
        const groups = wrapper.find('RecipientGroup')
        assert.equal(groups.shallow().find('.send__select-recipient-wrapper__group').length, 1)
      })
  
      it('should render ContactList', function () {
        wrapper.setProps({
          ownedAccounts: [{ address: '0x123', name: '123' }, { address: '0x124', name: '124' }],
          addressBook: [{ address: '0x125' }],
        })
  
        const contactList = wrapper.find('ContactList')
  
        assert.equal(contactList.length, 1)
      })
  
      it('should render contacts', function () {
        wrapper.setProps({
          addressBook: [
            { address: '0x125', name: 'alice' },
            { address: '0x126', name: 'alex' },
            { address: '0x127', name: 'catherine' },
          ],
        })
        wrapper.setState({ isShowingTransfer: false })
  
        const xferLink = wrapper.find('.send__select-recipient-wrapper__list__link')
        assert.equal(xferLink.length, 0)
  
        const groups = wrapper.find('ContactList')
        assert.equal(groups.length, 1)
  
        assert.equal(groups.find('.send__select-recipient-wrapper__group-item').length, 0)
      })
  
      it('should render error when query has no results', function () {
        wrapper.setProps({
          addressBook: [],
          toError: 'bad',
          contacts: [],
          nonContacts: [],
        })
  
        const dialog = wrapper.find(Dialog)
  
        assert.equal(dialog.props().type, 'error')
        assert.equal(dialog.props().children, 'bad_t')
        assert.equal(dialog.length, 1)
      })
  
      it('should render error when query has ens does not resolve', function () {
        wrapper.setProps({
          addressBook: [],
          toError: 'bad',
          ensResolutionError: 'very bad',
          contacts: [],
          nonContacts: [],
        })
  
        const dialog = wrapper.find(Dialog)
  
        assert.equal(dialog.props().type, 'error')
        assert.equal(dialog.props().children, 'very bad')
        assert.equal(dialog.length, 1)
      })
  
      it('should render warning', function () {
        wrapper.setProps({
          addressBook: [],
          query: 'yo',
          toWarning: 'watchout',
        })
  
        const dialog = wrapper.find(Dialog)
  
        assert.equal(dialog.props().type, 'warning')
        assert.equal(dialog.props().children, 'watchout_t')
        assert.equal(dialog.length, 1)
      })
  
      it('should not render error when ens resolved', function () {
        wrapper.setProps({
          addressBook: [],
          toError: 'bad',
          ensResolution: '0x128',
        })
  
        const dialog = wrapper.find(Dialog)
  
        assert.equal(dialog.length, 0)
      })
  
      it('should not render error when query has results', function () {
        wrapper.setProps({
          addressBook: [
            { address: '0x125', name: 'alice' },
            { address: '0x126', name: 'alex' },
            { address: '0x127', name: 'catherine' },
          ],
          toError: 'bad',
        })
  
        const dialog = wrapper.find(Dialog)
  
        assert.equal(dialog.length, 0)
      })
    })
  })
  