A Metamask fork with Infura removed and default networks editable
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.
ciphermask/ui/app/pages/send/send-content/send-gas-row/tests/send-gas-row-component.test.js

105 lines
3.7 KiB

import assert from 'assert'
import React from 'react'
import { shallow } from 'enzyme'
import sinon from 'sinon'
import SendGasRow from '../send-gas-row.component'
import SendRowWrapper from '../../send-row-wrapper/send-row-wrapper.component'
import GasFeeDisplay from '../gas-fee-display/gas-fee-display.component'
import GasPriceButtonGroup from '../../../../../components/app/gas-customization/gas-price-button-group'
const propsMethodSpies = {
showCustomizeGasModal: sinon.spy(),
resetGasButtons: sinon.spy(),
}
describe('SendGasRow Component', function () {
let wrapper
describe('render', function () {
beforeEach(function () {
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(function () {
propsMethodSpies.resetGasButtons.resetHistory()
})
it('should render a SendRowWrapper component', function () {
assert.equal(wrapper.name(), 'Fragment')
assert.equal(wrapper.at(0).find(SendRowWrapper).length, 1)
})
it('should pass the correct props to SendRowWrapper', function () {
const {
label,
showError,
errorType,
} = wrapper.find(SendRowWrapper).first().props()
assert.equal(label, 'transactionFee_t:')
assert.equal(showError, true)
assert.equal(errorType, 'gasFee')
})
it('should render a GasFeeDisplay as a child of the SendRowWrapper', function () {
assert(wrapper.find(SendRowWrapper).first().childAt(0).is(GasFeeDisplay))
})
it('should render the GasFeeDisplay', function () {
const {
gasLoadingError,
gasTotal,
onReset,
} = wrapper.find(SendRowWrapper).first().childAt(0).props()
assert.equal(gasLoadingError, false)
7 years ago
assert.equal(gasTotal, 'mockGasTotal')
assert.equal(propsMethodSpies.resetGasButtons.callCount, 0)
onReset()
assert.equal(propsMethodSpies.resetGasButtons.callCount, 1)
})
it('should render the GasPriceButtonGroup if gasButtonGroupShown is true', function () {
wrapper.setProps({ gasButtonGroupShown: true })
const rendered = wrapper.find(SendRowWrapper).first().childAt(0)
assert.equal(wrapper.children().length, 2)
const gasPriceButtonGroup = rendered.childAt(0)
assert(gasPriceButtonGroup.is(GasPriceButtonGroup))
assert(gasPriceButtonGroup.hasClass('gas-price-button-group--small'))
assert.equal(gasPriceButtonGroup.props().showCheck, false)
assert.equal(gasPriceButtonGroup.props().someGasPriceButtonGroupProp, 'foo')
assert.equal(gasPriceButtonGroup.props().anotherGasPriceButtonGroupProp, 'bar')
})
it('should render an advanced options button if gasButtonGroupShown is true', function () {
wrapper.setProps({ gasButtonGroupShown: true })
const rendered = wrapper.find(SendRowWrapper).last()
assert.equal(wrapper.children().length, 2)
const advancedOptionsButton = rendered.childAt(0)
assert.equal(advancedOptionsButton.text(), 'advancedOptions_t')
assert.equal(propsMethodSpies.showCustomizeGasModal.callCount, 0)
advancedOptionsButton.props().onClick()
assert.equal(propsMethodSpies.showCustomizeGasModal.callCount, 1)
})
})
})