1 files changed, 202 insertions, 0 deletions
diff --git a/ui/app/pages/send/send-content/add-recipient/tests/add-recipient-component.test.js b/ui/app/pages/send/send-content/add-recipient/tests/add-recipient-component.test.js
new file mode 100644
index 000000000..7570e7fcb
--- /dev/null
+++ b/ui/app/pages/send/send-content/add-recipient/tests/add-recipient-component.test.js
@@ -0,0 +1,202 @@
+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(() => {
+    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(() => {
+    propsMethodSpies.closeToDropdown.resetHistory()
+    propsMethodSpies.openToDropdown.resetHistory()
+    propsMethodSpies.updateSendTo.resetHistory()
+    propsMethodSpies.updateSendToError.resetHistory()
+    propsMethodSpies.updateSendToWarning.resetHistory()
+    propsMethodSpies.updateGas.resetHistory()
+  })
+
+  describe('selectRecipient', () => {
+
+    it('should call updateSendTo', () => {
+      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', () => {
+      assert.equal(propsMethodSpies.updateGas.callCount, 0)
+      instance.selectRecipient(false)
+      assert.equal(propsMethodSpies.updateGas.callCount, 1)
+    })
+  })
+
+  describe('render', () => {
+    it('should render a component', () => {
+      assert.equal(wrapper.find('.send__select-recipient-wrapper').length, 1)
+    })
+
+    it('should render no content if there are no recents, transfers, and contacts', () => {
+      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', () => {
+      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', () => {
+      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', () => {
+      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', () => {
+      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', () => {
+      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', () => {
+      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', () => {
+      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', () => {
+      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)
+    })
+  })
+})