1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-26 20:39:08 +01:00
metamask-extension/ui/components/app/account-menu/account-menu.test.js
Albert Olivé b5184db620
[MMI] Added code fencing in keyring-label component (#17993)
* Added code fencing in keyring-label component

* Updated tests
2023-03-30 09:42:59 +02:00

209 lines
6.1 KiB
JavaScript

import React from 'react';
import sinon from 'sinon';
import configureMockStore from 'redux-mock-store';
import { fireEvent, screen } from '@testing-library/react';
import { renderWithProvider } from '../../../../test/lib/render-helpers';
import { KeyringType } from '../../../../shared/constants/keyring';
import AccountMenu from '.';
const initialProps = {
isAccountMenuOpen: true,
addressConnectedSubjectMap: {},
accounts: [
{
address: '0x00',
name: 'Account 1',
balance: '0x0',
},
{
address: '0x1',
name: 'Imported Account 1',
balance: '0x0',
},
],
keyrings: [
{
type: KeyringType.hdKeyTree,
accounts: ['0xAdress'],
},
{
type: KeyringType.imported,
accounts: ['0x1'],
},
],
prevIsAccountMenuOpen: false,
lockMetamask: sinon.spy(),
setSelectedAccount: sinon.spy(),
showRemoveAccountConfirmationModal: sinon.spy(),
toggleAccountMenu: sinon.spy(),
history: {
push: sinon.spy(),
},
};
const mockStore = {
metamask: {
provider: {
type: 'test',
},
preferences: {
useNativeCurrencyAsPrimaryCurrency: true,
},
},
};
const renderComponent = ({ props = initialProps } = {}) => {
const store = configureMockStore()(mockStore);
return renderWithProvider(<AccountMenu.WrappedComponent {...props} />, store);
};
describe('Account Menu', () => {
beforeEach(() => renderComponent());
afterEach(() => {
initialProps.toggleAccountMenu.resetHistory();
initialProps.history.push.resetHistory();
});
describe('Render Content', () => {
it('returns account name from identities', () => {
const accountName = screen.queryAllByTestId('account-menu__account');
expect(accountName).toHaveLength(2);
});
it('renders user preference currency display balance from account balance', () => {
const accountBalance = screen.queryAllByTestId('account-menu__balance');
expect(accountBalance).toHaveLength(2);
});
it('simulate click', () => {
const click = screen.getAllByTestId('account-menu__account');
fireEvent.click(click[0]);
expect(initialProps.setSelectedAccount.calledOnce).toStrictEqual(true);
expect(initialProps.setSelectedAccount.getCall(0).args[0]).toStrictEqual(
'0x00',
);
});
it('render imported account label', () => {
const importedAccount = screen.getByText('Imported');
expect(importedAccount).toBeInTheDocument();
});
it('should not render keyring label if keyring tyoe is Custody - JSONRPC', () => {
const props = {
...initialProps,
keyrings: [
{
type: 'Custody - JSONRPC',
accounts: ['0xAdress'],
},
{
type: 'Custody - JSONRPC',
accounts: ['0x1'],
},
],
};
const { container } = renderComponent({ props });
expect(container).toMatchSnapshot();
});
});
describe('Log Out', () => {
it('logout', () => {
const logout = screen.getByText('Lock');
expect(logout).toBeInTheDocument();
});
it('simulate click', () => {
const logout = screen.getByText('Lock');
fireEvent.click(logout);
expect(initialProps.lockMetamask.calledOnce).toStrictEqual(true);
expect(initialProps.history.push.getCall(0).args[0]).toStrictEqual('/');
});
});
describe('Create Account', () => {
it('renders create account item', () => {
const createAccount = screen.getByText('Create account');
expect(createAccount).toBeInTheDocument();
});
it('calls toggle menu and push new-account route to history', () => {
const createAccount = screen.getByText('Create account');
fireEvent.click(createAccount);
expect(initialProps.toggleAccountMenu.calledOnce).toStrictEqual(true);
expect(initialProps.history.push.getCall(0).args[0]).toStrictEqual(
'/new-account',
);
});
});
describe('Import Account', () => {
it('renders import account item', () => {
const importAccount = screen.getByText('Import account');
expect(importAccount).toBeInTheDocument();
});
it('calls toggle menu and push /new-account/import route to history', () => {
const importAccount = screen.getByText('Import account');
fireEvent.click(importAccount);
expect(initialProps.toggleAccountMenu.calledOnce).toStrictEqual(true);
expect(initialProps.history.push.getCall(0).args[0]).toStrictEqual(
'/new-account/import',
);
});
});
describe('Connect hardware wallet', () => {
it('renders import account item', () => {
const connectHardwareWallet = screen.getByText('Connect hardware wallet');
expect(connectHardwareWallet).toBeInTheDocument();
});
it('calls toggle menu and push /new-account/connect route to history', () => {
const connectHardwareWallet = screen.getByText('Connect hardware wallet');
fireEvent.click(connectHardwareWallet);
expect(initialProps.toggleAccountMenu.calledOnce).toStrictEqual(true);
expect(initialProps.history.push.getCall(0).args[0]).toStrictEqual(
'/new-account/connect',
);
});
});
describe('Support', () => {
global.platform = { openTab: sinon.spy() };
it('renders import account item', () => {
const support = screen.getByText('Submit a ticket');
expect(support).toBeInTheDocument();
});
it('opens support link when clicked', () => {
const support = screen.getByText('Submit a ticket');
fireEvent.click(support);
expect(global.platform.openTab.calledOnce).toStrictEqual(true);
});
});
describe('Settings', () => {
it('renders import account item', () => {
const settings = screen.getByText('Settings');
expect(settings).toBeInTheDocument();
});
it('calls toggle menu and push /new-account/connect route to history', () => {
const settings = screen.getByText('Settings');
fireEvent.click(settings);
expect(initialProps.toggleAccountMenu.calledOnce).toStrictEqual(true);
expect(initialProps.history.push.getCall(0).args[0]).toStrictEqual(
'/settings',
);
});
});
});