mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
8aa3263b82
* Fixed navigation through multiple unapproved transactions for ERC20 tokens * Fixed tx details activity-log currency * Fixed e2e test failure * Added navigation between multiple sign prompts and reject all sign prompts * Resolving conflicts * Creating SignatureRequestNavigation component and extracting the UI rendering part into a single component * Fixing e2e tests and updating snapshot * Using single component for navigation which shows both messages and transactions requests * Fixing test-unit-jest-main * Added more unit tests * Fixing test-storybook * Fixing test-storybook --------- Co-authored-by: Filip Sekulic <filip.sekulic@consensys.net>
280 lines
8.6 KiB
JavaScript
280 lines
8.6 KiB
JavaScript
import React from 'react';
|
|
import { fireEvent } from '@testing-library/react';
|
|
import configureMockStore from 'redux-mock-store';
|
|
import mockState from '../../../../test/data/mock-state.json';
|
|
import { renderWithProvider } from '../../../../test/lib/render-helpers';
|
|
import SignatureRequest from './signature-request.component';
|
|
|
|
describe('Signature Request Component', () => {
|
|
const store = configureMockStore()(mockState);
|
|
|
|
describe('render', () => {
|
|
let fromAddress;
|
|
let messageData;
|
|
|
|
beforeEach(() => {
|
|
fromAddress = '0x123456789abcdef';
|
|
messageData = {
|
|
domain: {
|
|
chainId: 97,
|
|
name: 'Ether Mail',
|
|
verifyingContract: '0xCcCCccccCCCCcCCCCCCcCcCccCcCCCcCcccccccC',
|
|
version: '1',
|
|
},
|
|
message: {
|
|
contents: 'Hello, Bob!',
|
|
from: {
|
|
name: 'Cow',
|
|
wallets: [
|
|
'0xCD2a3d9F938E13CD947Ec05AbC7FE734Df8DD826',
|
|
'0xDeaDbeefdEAdbeefdEadbEEFdeadbeEFdEaDbeeF',
|
|
],
|
|
},
|
|
to: [
|
|
{
|
|
name: 'Bob',
|
|
wallets: [
|
|
'0xbBbBBBBbbBBBbbbBbbBbbbbBBbBbbbbBbBbbBBbB',
|
|
'0xB0BdaBea57B0BDABeA57b0bdABEA57b0BDabEa57',
|
|
'0xB0B0b0b0b0b0B000000000000000000000000000',
|
|
],
|
|
},
|
|
],
|
|
},
|
|
primaryType: 'Mail',
|
|
types: {
|
|
EIP712Domain: [
|
|
{ name: 'name', type: 'string' },
|
|
{ name: 'version', type: 'string' },
|
|
{ name: 'chainId', type: 'uint256' },
|
|
{ name: 'verifyingContract', type: 'address' },
|
|
],
|
|
Mail: [
|
|
{ name: 'from', type: 'Person' },
|
|
{ name: 'to', type: 'Person[]' },
|
|
{ name: 'contents', type: 'string' },
|
|
],
|
|
Person: [
|
|
{ name: 'name', type: 'string' },
|
|
{ name: 'wallets', type: 'address[]' },
|
|
],
|
|
},
|
|
};
|
|
});
|
|
|
|
it('should match snapshot', () => {
|
|
const msgParams = {
|
|
data: JSON.stringify(messageData),
|
|
version: 'V4',
|
|
origin: 'test',
|
|
};
|
|
const { container } = renderWithProvider(
|
|
<SignatureRequest
|
|
hardwareWalletRequiresConnection={false}
|
|
clearConfirmTransaction={() => undefined}
|
|
cancel={() => undefined}
|
|
cancelAll={() => undefined}
|
|
mostRecentOverviewPage="/"
|
|
showRejectTransactionsConfirmationModal={() => undefined}
|
|
history={{ push: '/' }}
|
|
sign={() => undefined}
|
|
txData={{
|
|
msgParams,
|
|
}}
|
|
fromAccount={{ address: fromAddress }}
|
|
provider={{ type: 'rpc' }}
|
|
/>,
|
|
store,
|
|
);
|
|
|
|
expect(container).toMatchSnapshot();
|
|
});
|
|
|
|
it('should render navigation', () => {
|
|
const msgParams = {
|
|
data: JSON.stringify(messageData),
|
|
version: 'V4',
|
|
origin: 'test',
|
|
};
|
|
const { queryByTestId } = renderWithProvider(
|
|
<SignatureRequest
|
|
hardwareWalletRequiresConnection={false}
|
|
clearConfirmTransaction={() => undefined}
|
|
cancel={() => undefined}
|
|
cancelAll={() => undefined}
|
|
mostRecentOverviewPage="/"
|
|
showRejectTransactionsConfirmationModal={() => undefined}
|
|
history={{ push: '/' }}
|
|
sign={() => undefined}
|
|
txData={{
|
|
msgParams,
|
|
}}
|
|
fromAccount={{ address: fromAddress }}
|
|
provider={{ type: 'rpc' }}
|
|
/>,
|
|
store,
|
|
);
|
|
|
|
expect(queryByTestId('navigation-container')).toBeInTheDocument();
|
|
});
|
|
|
|
it('should render a div message parsed without typeless data', () => {
|
|
messageData.message.do_not_display = 'one';
|
|
messageData.message.do_not_display_2 = {
|
|
do_not_display: 'two',
|
|
};
|
|
const msgParams = {
|
|
data: JSON.stringify(messageData),
|
|
version: 'V4',
|
|
origin: 'test',
|
|
};
|
|
const { queryByText } = renderWithProvider(
|
|
<SignatureRequest
|
|
hardwareWalletRequiresConnection={false}
|
|
clearConfirmTransaction={() => undefined}
|
|
cancel={() => undefined}
|
|
cancelAll={() => undefined}
|
|
mostRecentOverviewPage="/"
|
|
showRejectTransactionsConfirmationModal={() => undefined}
|
|
history={{ push: '/' }}
|
|
sign={() => undefined}
|
|
txData={{
|
|
msgParams,
|
|
}}
|
|
fromAccount={{ address: fromAddress }}
|
|
provider={{ type: 'rpc' }}
|
|
/>,
|
|
store,
|
|
);
|
|
|
|
expect(queryByText('do_not_display')).not.toBeInTheDocument();
|
|
expect(queryByText('one')).not.toBeInTheDocument();
|
|
expect(queryByText('do_not_display_2')).not.toBeInTheDocument();
|
|
expect(queryByText('two')).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('should not render a reject multiple requests link if there is not multiple requests', () => {
|
|
const msgParams = {
|
|
data: JSON.stringify(messageData),
|
|
version: 'V4',
|
|
origin: 'test',
|
|
};
|
|
const { container } = renderWithProvider(
|
|
<SignatureRequest
|
|
hardwareWalletRequiresConnection={false}
|
|
clearConfirmTransaction={() => undefined}
|
|
cancel={() => undefined}
|
|
cancelAll={() => undefined}
|
|
mostRecentOverviewPage="/"
|
|
showRejectTransactionsConfirmationModal={() => undefined}
|
|
history={{ push: '/' }}
|
|
sign={() => undefined}
|
|
txData={{
|
|
msgParams,
|
|
}}
|
|
fromAccount={{ address: fromAddress }}
|
|
provider={{ type: 'rpc' }}
|
|
/>,
|
|
store,
|
|
);
|
|
|
|
expect(
|
|
container.querySelector('.signature-request__reject-all-button'),
|
|
).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('should render a reject multiple requests link if there is multiple requests (greater than 1)', () => {
|
|
const msgParams = {
|
|
data: JSON.stringify(messageData),
|
|
version: 'V4',
|
|
origin: 'test',
|
|
};
|
|
const { container } = renderWithProvider(
|
|
<SignatureRequest
|
|
hardwareWalletRequiresConnection={false}
|
|
clearConfirmTransaction={() => undefined}
|
|
cancel={() => undefined}
|
|
cancelAll={() => undefined}
|
|
mostRecentOverviewPage="/"
|
|
showRejectTransactionsConfirmationModal={() => undefined}
|
|
history={{ push: '/' }}
|
|
sign={() => undefined}
|
|
txData={{
|
|
msgParams,
|
|
}}
|
|
fromAccount={{ address: fromAddress }}
|
|
provider={{ type: 'rpc' }}
|
|
unapprovedMessagesCount={2}
|
|
/>,
|
|
store,
|
|
);
|
|
|
|
expect(
|
|
container.querySelector('.signature-request__reject-all-button'),
|
|
).toBeInTheDocument();
|
|
});
|
|
|
|
it('should call reject all button when button is clicked', () => {
|
|
const msgParams = {
|
|
data: JSON.stringify(messageData),
|
|
version: 'V4',
|
|
origin: 'test',
|
|
};
|
|
const { container } = renderWithProvider(
|
|
<SignatureRequest
|
|
hardwareWalletRequiresConnection={false}
|
|
clearConfirmTransaction={() => undefined}
|
|
cancel={() => undefined}
|
|
cancelAll={() => undefined}
|
|
mostRecentOverviewPage="/"
|
|
showRejectTransactionsConfirmationModal={() => undefined}
|
|
history={{ push: '/' }}
|
|
sign={() => undefined}
|
|
txData={{
|
|
msgParams,
|
|
}}
|
|
fromAccount={{ address: fromAddress }}
|
|
provider={{ type: 'rpc' }}
|
|
unapprovedMessagesCount={2}
|
|
/>,
|
|
store,
|
|
);
|
|
|
|
const rejectRequestsLink = container.querySelector(
|
|
'.signature-request__reject-all-button',
|
|
);
|
|
fireEvent.click(rejectRequestsLink);
|
|
expect(rejectRequestsLink).toBeDefined();
|
|
});
|
|
|
|
it('should render text of reject all button', () => {
|
|
const msgParams = {
|
|
data: JSON.stringify(messageData),
|
|
version: 'V4',
|
|
origin: 'test',
|
|
};
|
|
const { getByText } = renderWithProvider(
|
|
<SignatureRequest
|
|
hardwareWalletRequiresConnection={false}
|
|
clearConfirmTransaction={() => undefined}
|
|
cancel={() => undefined}
|
|
cancelAll={() => undefined}
|
|
mostRecentOverviewPage="/"
|
|
showRejectTransactionsConfirmationModal={() => undefined}
|
|
history={{ push: '/' }}
|
|
sign={() => undefined}
|
|
txData={{
|
|
msgParams,
|
|
}}
|
|
fromAccount={{ address: fromAddress }}
|
|
provider={{ type: 'rpc' }}
|
|
unapprovedMessagesCount={2}
|
|
/>,
|
|
store,
|
|
);
|
|
|
|
expect(getByText('Reject 2 requests')).toBeInTheDocument();
|
|
});
|
|
});
|
|
});
|