mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-02 14:15:06 +01:00
6e5c2f03bf
* addding the legacy tokenlist, tuning token detection OFF by default, adding new message while importing tokens updating the controller version and calling detectNewToken on network change fixing rebase error Run yarn lavamoat:auto for updating policies updating lavamoat Deleted node modules and run again lavamoat auto fixing rebase issues updating lavamoat policies updating lavamoat after rebasing policies updating custom token warning and blocking detectedtoken link when tpken detection is off for supported networks to update the token in fetchTosync updating the contract map object Revert build-system lavamoat policy changes Move token list selection logic from components to getTokenList selector updating the tokenList Update lavamoat Fix error updating lavamoat lint fix fix unit test fail fix unit test fail lint fix fixing rebase locale error rebase fix Revert build-system policy changes temp addressing review comments * rebase fix
90 lines
3.5 KiB
JavaScript
90 lines
3.5 KiB
JavaScript
import React from 'react';
|
|
import configureMockStore from 'redux-mock-store';
|
|
import { fireEvent } from '@testing-library/react';
|
|
import { renderWithProvider } from '../../../../test/jest/rendering';
|
|
import { ERC20 } from '../../../../shared/constants/transaction';
|
|
import ConfirmApproveContent from '.';
|
|
|
|
const renderComponent = (props) => {
|
|
const store = configureMockStore([])({
|
|
metamask: { provider: { chainId: '0x0' } },
|
|
});
|
|
return renderWithProvider(<ConfirmApproveContent {...props} />, store);
|
|
};
|
|
|
|
const props = {
|
|
decimals: 16,
|
|
siteImage: 'https://metamask.github.io/test-dapp/metamask-fox.svg',
|
|
customTokenAmount: '10',
|
|
tokenAmount: '10',
|
|
origin: 'https://metamask.github.io/test-dapp/',
|
|
tokenSymbol: 'TST',
|
|
assetStandard: ERC20,
|
|
tokenImage: 'https://metamask.github.io/test-dapp/metamask-fox.svg',
|
|
tokenBalance: '15',
|
|
showCustomizeGasModal: jest.fn(),
|
|
showEditApprovalPermissionModal: jest.fn(),
|
|
data: '0x095ea7b30000000000000000000000009bc5baf874d2da8d216ae9f137804184ee5afef40000000000000000000000000000000000000000000000000000000000011170',
|
|
toAddress: '0x9bc5baf874d2da8d216ae9f137804184ee5afef4',
|
|
currentCurrency: 'TST',
|
|
nativeCurrency: 'ETH',
|
|
ethTransactionTotal: '20',
|
|
fiatTransactionTotal: '10',
|
|
useNonceField: true,
|
|
nextNonce: 1,
|
|
customNonceValue: '2',
|
|
showCustomizeNonceModal: jest.fn(),
|
|
chainId: '1337',
|
|
rpcPrefs: {},
|
|
isContract: true,
|
|
};
|
|
|
|
describe('ConfirmApproveContent Component', () => {
|
|
it('should render Confirm approve page correctly', () => {
|
|
const { queryByText, getByText, getAllByText, getByTestId } =
|
|
renderComponent(props);
|
|
expect(queryByText('metamask.github.io')).toBeInTheDocument();
|
|
expect(getByTestId('confirm-approve-title').textContent).toStrictEqual(
|
|
' Give permission to access your TST? ',
|
|
);
|
|
expect(
|
|
queryByText(
|
|
'By granting permission, you are allowing the following contract to access your funds',
|
|
),
|
|
).toBeInTheDocument();
|
|
expect(queryByText('0x9bc5...fef4')).toBeInTheDocument();
|
|
expect(queryByText('Hide full transaction details')).toBeInTheDocument();
|
|
|
|
expect(queryByText('Edit permission')).toBeInTheDocument();
|
|
const editPermission = getByText('Edit permission');
|
|
fireEvent.click(editPermission);
|
|
expect(props.showEditApprovalPermissionModal).toHaveBeenCalledTimes(1);
|
|
|
|
const editButtons = getAllByText('Edit');
|
|
|
|
expect(queryByText('Transaction fee')).toBeInTheDocument();
|
|
expect(
|
|
queryByText('A fee is associated with this request.'),
|
|
).toBeInTheDocument();
|
|
expect(queryByText(`${props.ethTransactionTotal} ETH`)).toBeInTheDocument();
|
|
fireEvent.click(editButtons[0]);
|
|
expect(props.showCustomizeGasModal).toHaveBeenCalledTimes(1);
|
|
|
|
expect(queryByText('Nonce')).toBeInTheDocument();
|
|
expect(queryByText('2')).toBeInTheDocument();
|
|
fireEvent.click(editButtons[1]);
|
|
expect(props.showCustomizeNonceModal).toHaveBeenCalledTimes(1);
|
|
|
|
const showHideTxDetails = getByText('Hide full transaction details');
|
|
expect(getByText('Permission request')).toBeInTheDocument();
|
|
expect(getByText('Approved amount:')).toBeInTheDocument();
|
|
expect(getByText('Granted to:')).toBeInTheDocument();
|
|
fireEvent.click(showHideTxDetails);
|
|
expect(getByText('View full transaction details')).toBeInTheDocument();
|
|
expect(queryByText('Permission request')).not.toBeInTheDocument();
|
|
expect(queryByText('Approved amount:')).not.toBeInTheDocument();
|
|
expect(queryByText('Granted to:')).not.toBeInTheDocument();
|
|
expect(getByText('0x9bc5...fef4')).toBeInTheDocument();
|
|
});
|
|
});
|