You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tag:
Branch:
Tree:
3a6966ac8a
develop
feature/default_network_editable
v10.22.3
${ noResults }
112 lines
3.9 KiB
112 lines
3.9 KiB
import React from 'react';
|
|||
import { shallow } from 'enzyme';
|
|||
import sinon from 'sinon';
|
|||
import SendRowWrapper from '../send-row-wrapper/send-row-wrapper.component';
|
|||
import GasPriceButtonGroup from '../../../../components/app/gas-customization/gas-price-button-group';
|
|||
import SendGasRow from './send-gas-row.component';
|
|||
|
|||
import GasFeeDisplay from './gas-fee-display/gas-fee-display.component';
|
|||
|
|||
const propsMethodSpies = {
|
|||
showCustomizeGasModal: sinon.spy(),
|
|||
resetGasButtons: sinon.spy(),
|
|||
};
|
|||
|
|||
describe('SendGasRow Component', () => {
|
|||
let wrapper;
|
|||
|
|||
describe('render', () => {
|
|||
beforeEach(() => {
|
|||
|
wrapper = shallow(
|
||
<SendGasRow
|
|||
conversionRate={20}
|
|||
convertedCurrency="mockConvertedCurrency"
|
|||
gasFeeError
|
|||
gasLoadingError={false}
|
|||
gasTotal="mockGasTotal"
|
|||
gasButtonGroupShown={false}
|
|||
showCustomizeGasModal={propsMethodSpies.showCustomizeGasModal}
|
|||
resetGasButtons={propsMethodSpies.resetGasButtons}
|
|||
gasPriceButtonGroupProps={{
|
|||
someGasPriceButtonGroupProp: 'foo',
|
|||
anotherGasPriceButtonGroupProp: 'bar',
|
|||
}}
|
|||
|
/>,
|
||
{ context: { t: (str) => `${str}_t`, metricsEvent: () => ({}) } },
|
|||
);
|
|||
wrapper.setProps({ isMainnet: true });
|
|||
});
|
|||
|
|||
afterEach(() => {
|
|||
propsMethodSpies.resetGasButtons.resetHistory();
|
|||
});
|
|||
|
|||
it('should render a SendRowWrapper component', () => {
|
|||
expect(wrapper.name()).toStrictEqual('Fragment');
|
|||
expect(wrapper.at(0).find(SendRowWrapper)).toHaveLength(1);
|
|||
});
|
|||
|
|||
it('should pass the correct props to SendRowWrapper', () => {
|
|||
|
const { label, showError, errorType } = wrapper
|
||
.find(SendRowWrapper)
|
|||
.first()
|
|||
.props();
|
|||
|
|||
expect(label).toStrictEqual('transactionFee_t:');
|
|||
expect(showError).toStrictEqual(true);
|
|||
expect(errorType).toStrictEqual('gasFee');
|
|||
});
|
|||
|
|||
it('should render a GasFeeDisplay as a child of the SendRowWrapper', () => {
|
|||
expect(
|
|||
wrapper.find(SendRowWrapper).first().childAt(0).is(GasFeeDisplay),
|
|||
).toStrictEqual(true);
|
|||
});
|
|||
|
|||
it('should render the GasFeeDisplay', () => {
|
|||
|
const { gasLoadingError, gasTotal, onReset } = wrapper
|
||
.find(SendRowWrapper)
|
|||
.first()
|
|||
.childAt(0)
|
|||
.props();
|
|||
expect(gasLoadingError).toStrictEqual(false);
|
|||
expect(gasTotal).toStrictEqual('mockGasTotal');
|
|||
expect(propsMethodSpies.resetGasButtons.callCount).toStrictEqual(0);
|
|||
onReset();
|
|||
expect(propsMethodSpies.resetGasButtons.callCount).toStrictEqual(1);
|
|||
});
|
|||
|
|||
it('should render the GasPriceButtonGroup if gasButtonGroupShown is true', () => {
|
|||
wrapper.setProps({ gasButtonGroupShown: true });
|
|||
const rendered = wrapper.find(SendRowWrapper).first().childAt(0);
|
|||
expect(wrapper.children()).toHaveLength(2);
|
|||
|
|||
const gasPriceButtonGroup = rendered.childAt(0);
|
|||
expect(gasPriceButtonGroup.is(GasPriceButtonGroup)).toStrictEqual(true);
|
|||
expect(
|
|||
gasPriceButtonGroup.hasClass('gas-price-button-group--small'),
|
|||
).toStrictEqual(true);
|
|||
expect(gasPriceButtonGroup.props().showCheck).toStrictEqual(false);
|
|||
expect(
|
|||
|
gasPriceButtonGroup.props().someGasPriceButtonGroupProp,
|
||
).toStrictEqual('foo');
|
|||
expect(
|
|||
|
gasPriceButtonGroup.props().anotherGasPriceButtonGroupProp,
|
||
).toStrictEqual('bar');
|
|||
});
|
|||
|
|||
it('should render an advanced options button if gasButtonGroupShown is true', () => {
|
|||
wrapper.setProps({ gasButtonGroupShown: true });
|
|||
const rendered = wrapper.find(SendRowWrapper).last();
|
|||
expect(wrapper.children()).toHaveLength(2);
|
|||
|
|||
const advancedOptionsButton = rendered.childAt(0);
|
|||
expect(advancedOptionsButton.text()).toStrictEqual('advancedOptions_t');
|
|||
|
|||
expect(propsMethodSpies.showCustomizeGasModal.callCount).toStrictEqual(0);
|
|||
advancedOptionsButton.props().onClick();
|
|||
expect(propsMethodSpies.showCustomizeGasModal.callCount).toStrictEqual(1);
|
|||
});
|
|||
});
|
|||
});
|