mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-05 07:24:56 +01:00
50 lines
1.5 KiB
JavaScript
50 lines
1.5 KiB
JavaScript
import React from 'react';
|
|
import configureMockStore from 'redux-mock-store';
|
|
|
|
import {
|
|
renderWithProvider,
|
|
createSwapsMockStore,
|
|
} from '../../../../test/jest';
|
|
import AwaitingSwap from '.';
|
|
|
|
const createProps = (customProps = {}) => {
|
|
return {
|
|
swapComplete: false,
|
|
txHash: 'txHash',
|
|
tokensReceived: 'tokens received:',
|
|
submittingSwap: true,
|
|
inputValue: 5,
|
|
maxSlippage: 3,
|
|
...customProps,
|
|
};
|
|
};
|
|
|
|
describe('AwaitingSwap', () => {
|
|
it('renders the component with initial props', () => {
|
|
const store = configureMockStore()(createSwapsMockStore());
|
|
const { getByText } = renderWithProvider(
|
|
<AwaitingSwap {...createProps()} />,
|
|
store,
|
|
);
|
|
expect(getByText('Processing')).toBeInTheDocument();
|
|
expect(getByText('ETH')).toBeInTheDocument();
|
|
expect(getByText('View in activity')).toBeInTheDocument();
|
|
expect(
|
|
document.querySelector('.awaiting-swap__main-descrption'),
|
|
).toMatchSnapshot();
|
|
expect(getByText('View in activity')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders the component with for completed swap', () => {
|
|
const store = configureMockStore()(createSwapsMockStore());
|
|
const { getByText } = renderWithProvider(
|
|
<AwaitingSwap {...createProps({ swapComplete: true })} />,
|
|
store,
|
|
);
|
|
expect(getByText('Transaction complete')).toBeInTheDocument();
|
|
expect(getByText('tokens received: ETH')).toBeInTheDocument();
|
|
expect(getByText('View at etherscan.io')).toBeInTheDocument();
|
|
expect(getByText('Create a new swap')).toBeInTheDocument();
|
|
});
|
|
});
|