mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-04 23:14:56 +01:00
e0953d9f68
wip Documentation improvements for send slice support of EIP1559 Remove console.log in send duck Property lookup safety improvement in selectors/confirm-transaction Add code accidentally removed in rebase Update addTxGasDefaults and _getDefaultGasFees to work with new estimate types, and ensure we correctly handle gas price estimates when on EIP1559 networks (#11615) * Fix typo Remove console.log in send duck * Update addTxGasDefaults and _getDefaultGasFees to work correctly with all new gas fee estimate types * Don't show gas timing support when not on eip1559 compatible network * Hide gas timing component on transaction screen when on a non-1559 network * Improve comments, tests and edge case handling * Ensure eip1559 fees are applied and updated correctly when eip1559 estimate api fails * Lint fix Co-authored-by: Brad Decker <git@braddecker.dev> Remove console.log Handle possible gasEstimateType undefined Remove unnecessary nonce field position change in confirm-page-container-content__details
121 lines
3.8 KiB
JavaScript
121 lines
3.8 KiB
JavaScript
import React from 'react';
|
|
import configureMockStore from 'redux-mock-store';
|
|
import thunk from 'redux-thunk';
|
|
|
|
import { fireEvent } from '@testing-library/react';
|
|
import { ASSET_TYPES, initialState, SEND_STAGES } from '../../../ducks/send';
|
|
import { renderWithProvider } from '../../../../test/jest';
|
|
import SendHeader from './send-header.component';
|
|
|
|
const middleware = [thunk];
|
|
|
|
jest.mock('react-router-dom', () => {
|
|
const original = jest.requireActual('react-router-dom');
|
|
return {
|
|
...original,
|
|
useHistory: () => ({
|
|
push: jest.fn(),
|
|
}),
|
|
};
|
|
});
|
|
|
|
describe('SendHeader Component', () => {
|
|
describe('Title', () => {
|
|
it('should render "Add Recipient" for INACTIVE or ADD_RECIPIENT stages', () => {
|
|
const { getByText, rerender } = renderWithProvider(
|
|
<SendHeader />,
|
|
configureMockStore(middleware)({
|
|
send: initialState,
|
|
gas: { basicEstimateStatus: 'LOADING' },
|
|
history: { mostRecentOverviewPage: 'activity' },
|
|
}),
|
|
);
|
|
expect(getByText('Add Recipient')).toBeTruthy();
|
|
rerender(
|
|
<SendHeader />,
|
|
configureMockStore(middleware)({
|
|
send: { ...initialState, stage: SEND_STAGES.ADD_RECIPIENT },
|
|
gas: { basicEstimateStatus: 'LOADING' },
|
|
history: { mostRecentOverviewPage: 'activity' },
|
|
}),
|
|
);
|
|
expect(getByText('Add Recipient')).toBeTruthy();
|
|
});
|
|
|
|
it('should render "Send" for DRAFT stage when asset type is NATIVE', () => {
|
|
const { getByText } = renderWithProvider(
|
|
<SendHeader />,
|
|
configureMockStore(middleware)({
|
|
send: {
|
|
...initialState,
|
|
stage: SEND_STAGES.DRAFT,
|
|
asset: { ...initialState.asset, type: ASSET_TYPES.NATIVE },
|
|
},
|
|
gas: { basicEstimateStatus: 'LOADING' },
|
|
history: { mostRecentOverviewPage: 'activity' },
|
|
}),
|
|
);
|
|
expect(getByText('Send')).toBeTruthy();
|
|
});
|
|
|
|
it('should render "Send Tokens" for DRAFT stage when asset type is TOKEN', () => {
|
|
const { getByText } = renderWithProvider(
|
|
<SendHeader />,
|
|
configureMockStore(middleware)({
|
|
send: {
|
|
...initialState,
|
|
stage: SEND_STAGES.DRAFT,
|
|
asset: { ...initialState.asset, type: ASSET_TYPES.TOKEN },
|
|
},
|
|
gas: { basicEstimateStatus: 'LOADING' },
|
|
history: { mostRecentOverviewPage: 'activity' },
|
|
}),
|
|
);
|
|
expect(getByText('Send Tokens')).toBeTruthy();
|
|
});
|
|
|
|
it('should render "Edit" for EDIT stage', () => {
|
|
const { getByText } = renderWithProvider(
|
|
<SendHeader />,
|
|
configureMockStore(middleware)({
|
|
send: {
|
|
...initialState,
|
|
stage: SEND_STAGES.EDIT,
|
|
},
|
|
gas: { basicEstimateStatus: 'LOADING' },
|
|
history: { mostRecentOverviewPage: 'activity' },
|
|
}),
|
|
);
|
|
expect(getByText('Edit')).toBeTruthy();
|
|
});
|
|
});
|
|
|
|
describe('Cancel Button', () => {
|
|
it('has a cancel button in header', () => {
|
|
const { getByText } = renderWithProvider(
|
|
<SendHeader />,
|
|
configureMockStore(middleware)({
|
|
send: initialState,
|
|
gas: { basicEstimateStatus: 'LOADING' },
|
|
history: { mostRecentOverviewPage: 'activity' },
|
|
}),
|
|
);
|
|
expect(getByText('Cancel')).toBeTruthy();
|
|
});
|
|
|
|
it('resets send state when clicked', () => {
|
|
const store = configureMockStore(middleware)({
|
|
send: initialState,
|
|
gas: { basicEstimateStatus: 'LOADING' },
|
|
history: { mostRecentOverviewPage: 'activity' },
|
|
});
|
|
const { getByText } = renderWithProvider(<SendHeader />, store);
|
|
const expectedActions = [
|
|
{ type: 'send/resetSendState', payload: undefined },
|
|
];
|
|
fireEvent.click(getByText('Cancel'));
|
|
expect(store.getActions()).toStrictEqual(expectedActions);
|
|
});
|
|
});
|
|
});
|