metamask-extension/ui/app/components/app/modals/tests/account-details-modal.test.js

import assert from 'assert';
import React from 'react';
import sinon from 'sinon';
import { shallow } from 'enzyme';
import AccountDetailsModal from '../account-details-modal';

describe('Account Details Modal', function () {
  let wrapper;

  global.platform = { openTab: sinon.spy() };

  const props = {
    hideModal: sinon.spy(),
    setAccountLabel: sinon.spy(),
    showExportPrivateKeyModal: sinon.spy(),
    network: 'test',
    rpcPrefs: {},
    selectedIdentity: {
      address: '0xAddress',
      name: 'Account 1',
    },
    keyrings: [
      {
        type: 'HD Key Tree',
        accounts: ['0xAddress'],
      },
    ],
    identities: {
      '0xAddress': {
        address: '0xAddress',
        name: 'Account 1',
      },
    },
  };

  beforeEach(function () {
    wrapper = shallow(<AccountDetailsModal.WrappedComponent {...props} />, {
      context: {
        t: (str) => str,
      },
    });
  });

  it('sets account label when changing default account label', function () {
    const accountLabel = wrapper.find('.account-details-modal__name').first();
    accountLabel.simulate('submit', 'New Label');

    assert(props.setAccountLabel.calledOnce);
    assert.strictEqual(props.setAccountLabel.getCall(0).args[1], 'New Label');
  });

  it('opens new tab when view block explorer is clicked', function () {
    const modalButton = wrapper.find('.account-details-modal__button');
    const etherscanLink = modalButton.first();

    etherscanLink.simulate('click');
    assert(global.platform.openTab.calledOnce);
  });

  it('shows export private key modal when clicked', function () {
    const modalButton = wrapper.find('.account-details-modal__button');
    const etherscanLink = modalButton.last();

    etherscanLink.simulate('click');
    assert(props.showExportPrivateKeyModal.calledOnce);
  });

  it('sets blockexplorerview text when block explorer url in rpcPrefs exists', function () {
    const blockExplorerUrl = 'https://block.explorer';
    wrapper.setProps({ rpcPrefs: { blockExplorerUrl } });

    const modalButton = wrapper.find('.account-details-modal__button');
    const blockExplorerLink = modalButton.first().shallow();

    assert.strictEqual(blockExplorerLink.text(), 'blockExplorerView');
  });
});