mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-12 20:57:12 +01:00
98 lines
2.9 KiB
JavaScript
98 lines
2.9 KiB
JavaScript
|
import React from 'react';
|
||
|
import configureMockStore from 'redux-mock-store';
|
||
|
import { within } from '@testing-library/react';
|
||
|
import { renderWithProvider } from '../../../../test/jest/rendering';
|
||
|
import TransactionBreakdown from '.';
|
||
|
|
||
|
function getActualDataFrom(transactionBreakdownRows) {
|
||
|
return transactionBreakdownRows.map((transactionBreakdownRow) => {
|
||
|
const title = within(transactionBreakdownRow).getByTestId(
|
||
|
'transaction-breakdown-row-title',
|
||
|
);
|
||
|
const value = within(transactionBreakdownRow).getByTestId(
|
||
|
'transaction-breakdown-row-value',
|
||
|
);
|
||
|
return [title.textContent, value.textContent];
|
||
|
});
|
||
|
}
|
||
|
|
||
|
describe('TransactionBreakdown', () => {
|
||
|
const store = configureMockStore()({
|
||
|
metamask: {
|
||
|
nativeCurrency: null,
|
||
|
preferences: {},
|
||
|
provider: {
|
||
|
chainId: null,
|
||
|
},
|
||
|
},
|
||
|
});
|
||
|
|
||
|
describe('with a typical non-EIP-1559 transaction', () => {
|
||
|
it('renders properly', () => {
|
||
|
const { getAllByTestId } = renderWithProvider(
|
||
|
<TransactionBreakdown
|
||
|
nonce="0x1d" // 29
|
||
|
transaction={{
|
||
|
txParams: {
|
||
|
gas: '0xb72a', // 46,890
|
||
|
gasPrice: '0x930c19db', // 2,467,043,803
|
||
|
value: '0x2386f26fc10000', // 10,000,000,000,000,000
|
||
|
},
|
||
|
}}
|
||
|
primaryCurrency="-0.01 ETH"
|
||
|
/>,
|
||
|
store,
|
||
|
);
|
||
|
|
||
|
expect(
|
||
|
getActualDataFrom(getAllByTestId('transaction-breakdown-row')),
|
||
|
).toStrictEqual([
|
||
|
['Nonce', '29'],
|
||
|
['Amount', '-0.01 ETH'],
|
||
|
['Gas Limit (units)', '46890'],
|
||
|
['Gas price', '2.467043803'],
|
||
|
['Total', '0.010116ETH'],
|
||
|
]);
|
||
|
});
|
||
|
});
|
||
|
|
||
|
describe('with a typical EIP-1559 transaction', () => {
|
||
|
it('renders properly', () => {
|
||
|
const { getAllByTestId } = renderWithProvider(
|
||
|
<TransactionBreakdown
|
||
|
nonce="0x1d" // 29
|
||
|
transaction={{
|
||
|
txParams: {
|
||
|
gas: '0xb72a', // 46,890
|
||
|
maxFeePerGas: '0xb2d05e00', // 3,000,000,000
|
||
|
maxPriorityFeePerGas: '0x930c19d4', // 2,467,043,796
|
||
|
value: '0x2386f26fc10000', // 10,000,000,000,000,000
|
||
|
},
|
||
|
txReceipt: {
|
||
|
gasUsed: '7a1c', // 31,260
|
||
|
effectiveGasPrice: '0x930c19db', // 2,467,043,803
|
||
|
},
|
||
|
baseFeePerGas: '0x7', // 7
|
||
|
}}
|
||
|
primaryCurrency="-0.01 ETH"
|
||
|
/>,
|
||
|
store,
|
||
|
);
|
||
|
|
||
|
expect(
|
||
|
getActualDataFrom(getAllByTestId('transaction-breakdown-row')),
|
||
|
).toStrictEqual([
|
||
|
['Nonce', '29'],
|
||
|
['Amount', '-0.01 ETH'],
|
||
|
['Gas Limit (units)', '46890'],
|
||
|
['Gas Used (units)', '31260'],
|
||
|
['Base Fee (GWEI)', '0.000000007'],
|
||
|
['Priority Fee (GWEI)', '2.467043796'],
|
||
|
['Total Gas Fee', '0.000077ETH'],
|
||
|
['Max Fee Per Gas', '0.000000003ETH'],
|
||
|
['Total', '0.010077ETH'],
|
||
|
]);
|
||
|
});
|
||
|
});
|
||
|
});
|