1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-11 20:27:12 +01:00
metamask-extension/ui/components/app/account-menu/account-menu.test.js
2021-04-28 14:53:59 -05:00

199 lines
5.4 KiB
JavaScript

import React from 'react';
import sinon from 'sinon';
import configureMockStore from 'redux-mock-store';
import { Provider } from 'react-redux';
import { mountWithRouter } from '../../../../test/lib/render-helpers';
import AccountMenu from '.';
describe('Account Menu', () => {
let wrapper;
const mockStore = {
metamask: {
provider: {
type: 'test',
},
preferences: {
useNativeCurrencyAsPrimaryCurrency: true,
},
},
};
const store = configureMockStore()(mockStore);
const props = {
isAccountMenuOpen: true,
addressConnectedDomainMap: {},
accounts: [
{
address: '0x00',
name: 'Account 1',
balance: '0x0',
},
{
address: '0x1',
name: 'Imported Account 1',
balance: '0x0',
},
],
keyrings: [
{
type: 'HD Key Tree',
accounts: ['0xAdress'],
},
{
type: 'Simple Key Pair',
accounts: ['0x1'],
},
],
prevIsAccountMenuOpen: false,
lockMetamask: sinon.spy(),
showAccountDetail: sinon.spy(),
showRemoveAccountConfirmationModal: sinon.spy(),
toggleAccountMenu: sinon.spy(),
history: {
push: sinon.spy(),
},
};
beforeAll(() => {
wrapper = mountWithRouter(
<Provider store={store}>
<AccountMenu.WrappedComponent {...props} />
</Provider>,
store,
);
});
afterEach(() => {
props.toggleAccountMenu.resetHistory();
props.history.push.resetHistory();
});
describe('Render Content', () => {
it('returns account name from identities', () => {
const accountName = wrapper.find('.account-menu__name');
expect(accountName).toHaveLength(2);
});
it('renders user preference currency display balance from account balance', () => {
const accountBalance = wrapper.find(
'.currency-display-component.account-menu__balance',
);
expect(accountBalance).toHaveLength(2);
});
it('simulate click', () => {
const click = wrapper.find(
'.account-menu__account.account-menu__item--clickable',
);
click.first().simulate('click');
expect(props.showAccountDetail.calledOnce).toStrictEqual(true);
expect(props.showAccountDetail.getCall(0).args[0]).toStrictEqual('0x00');
});
it('render imported account label', () => {
const importedAccount = wrapper.find('.keyring-label.allcaps');
expect(importedAccount.text()).toStrictEqual('imported');
});
});
describe('Log Out', () => {
let logout;
it('logout', () => {
logout = wrapper.find('.account-menu__lock-button');
expect(logout).toHaveLength(1);
});
it('simulate click', () => {
logout.simulate('click');
expect(props.lockMetamask.calledOnce).toStrictEqual(true);
expect(props.history.push.getCall(0).args[0]).toStrictEqual('/');
});
});
describe('Create Account', () => {
let createAccount;
it('renders create account item', () => {
createAccount = wrapper.find({ text: 'createAccount' });
expect(createAccount).toHaveLength(1);
});
it('calls toggle menu and push new-account route to history', () => {
createAccount.simulate('click');
expect(props.toggleAccountMenu.calledOnce).toStrictEqual(true);
expect(props.history.push.getCall(0).args[0]).toStrictEqual(
'/new-account',
);
});
});
describe('Import Account', () => {
let importAccount;
it('renders import account item', () => {
importAccount = wrapper.find({ text: 'importAccount' });
expect(importAccount).toHaveLength(1);
});
it('calls toggle menu and push /new-account/import route to history', () => {
importAccount.simulate('click');
expect(props.toggleAccountMenu.calledOnce).toStrictEqual(true);
expect(props.history.push.getCall(0).args[0]).toStrictEqual(
'/new-account/import',
);
});
});
describe('Connect Hardware Wallet', () => {
let connectHardwareWallet;
it('renders import account item', () => {
connectHardwareWallet = wrapper.find({ text: 'connectHardwareWallet' });
expect(connectHardwareWallet).toHaveLength(1);
});
it('calls toggle menu and push /new-account/connect route to history', () => {
connectHardwareWallet.simulate('click');
expect(props.toggleAccountMenu.calledOnce).toStrictEqual(true);
expect(props.history.push.getCall(0).args[0]).toStrictEqual(
'/new-account/connect',
);
});
});
describe('Support', () => {
let support;
global.platform = { openTab: sinon.spy() };
it('renders import account item', () => {
support = wrapper.find({ text: 'support' });
expect(support).toHaveLength(1);
});
it('opens support link when clicked', () => {
support = wrapper.find({ text: 'support' });
support.simulate('click');
expect(global.platform.openTab.calledOnce).toStrictEqual(true);
});
});
describe('Settings', () => {
let settings;
it('renders import account item', () => {
settings = wrapper.find({ text: 'settings' });
expect(settings).toHaveLength(1);
});
it('calls toggle menu and push /new-account/connect route to history', () => {
settings.simulate('click');
expect(props.toggleAccountMenu.calledOnce).toStrictEqual(true);
expect(props.history.push.getCall(0).args[0]).toStrictEqual('/settings');
});
});
});