mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-04 23:14:56 +01:00
62 lines
1.9 KiB
JavaScript
62 lines
1.9 KiB
JavaScript
import React from 'react';
|
|
|
|
import { renderWithProvider } from '../../../../test/jest';
|
|
import { MAINNET_CHAIN_ID } from '../../../../shared/constants/network';
|
|
import FeeCard from '.';
|
|
|
|
const createProps = (customProps = {}) => {
|
|
return {
|
|
primaryFee: {
|
|
fee: '0.0441 ETH',
|
|
maxFee: '0.04851 ETH',
|
|
},
|
|
secondaryFee: {
|
|
fee: '$101.98',
|
|
maxFee: '$112.17',
|
|
},
|
|
hideTokenApprovalRow: false,
|
|
onFeeCardMaxRowClick: jest.fn(),
|
|
tokenApprovalTextComponent: (
|
|
<span
|
|
key="swaps-view-quote-approve-symbol-1"
|
|
className="view-quote__bold"
|
|
>
|
|
ABC
|
|
</span>
|
|
),
|
|
tokenApprovalSourceTokenSymbol: 'ABC',
|
|
onTokenApprovalClick: jest.fn(),
|
|
metaMaskFee: '0.875',
|
|
isBestQuote: true,
|
|
numberOfQuotes: 6,
|
|
onQuotesClick: jest.fn(),
|
|
tokenConversionRate: 0.015,
|
|
chainId: MAINNET_CHAIN_ID,
|
|
...customProps,
|
|
};
|
|
};
|
|
|
|
describe('FeeCard', () => {
|
|
it('renders the component with initial props', () => {
|
|
const props = createProps();
|
|
const { getByText } = renderWithProvider(<FeeCard {...props} />);
|
|
expect(getByText('Using the best quote')).toBeInTheDocument();
|
|
expect(getByText('6 quotes')).toBeInTheDocument();
|
|
expect(getByText('Max network fee')).toBeInTheDocument();
|
|
expect(getByText('Estimated network fee')).toBeInTheDocument();
|
|
expect(getByText(props.primaryFee.fee)).toBeInTheDocument();
|
|
expect(getByText(props.primaryFee.maxFee)).toBeInTheDocument();
|
|
expect(getByText(props.secondaryFee.fee)).toBeInTheDocument();
|
|
expect(getByText(props.secondaryFee.maxFee)).toBeInTheDocument();
|
|
expect(
|
|
getByText('Quote includes a 0.875% MetaMask fee'),
|
|
).toBeInTheDocument();
|
|
expect(
|
|
document.querySelector('.fee-card__savings-and-quotes-header'),
|
|
).toMatchSnapshot();
|
|
expect(
|
|
document.querySelector('.fee-card__top-bordered-row'),
|
|
).toMatchSnapshot();
|
|
});
|
|
});
|