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.
106 lines
3.7 KiB
106 lines
3.7 KiB
import React from 'react'
|
|
import assert from 'assert'
|
|
import { shallow } from 'enzyme'
|
|
import sinon from 'sinon'
|
|
import SendGasRow from '../send-gas-row.component.js'
|
|
|
|
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
|
|
|
|
beforeEach(() => {
|
|
wrapper = shallow((
|
|
<SendGasRow
|
|
conversionRate={20}
|
|
convertedCurrency="mockConvertedCurrency"
|
|
gasFeeError="mockGasFeeError"
|
|
gasLoadingError={false}
|
|
gasTotal="mockGasTotal"
|
|
gasButtonGroupShown={false}
|
|
showCustomizeGasModal={propsMethodSpies.showCustomizeGasModal}
|
|
resetGasButtons={propsMethodSpies.resetGasButtons}
|
|
gasPriceButtonGroupProps={{
|
|
someGasPriceButtonGroupProp: 'foo',
|
|
anotherGasPriceButtonGroupProp: 'bar',
|
|
}}
|
|
/>
|
|
), { context: { t: str => str + '_t', metricsEvent: () => ({}) } })
|
|
})
|
|
|
|
afterEach(() => {
|
|
propsMethodSpies.resetGasButtons.resetHistory()
|
|
})
|
|
|
|
describe('render', () => {
|
|
it('should render a SendRowWrapper component', () => {
|
|
assert.equal(wrapper.find(SendRowWrapper).length, 1)
|
|
})
|
|
|
|
it('should pass the correct props to SendRowWrapper', () => {
|
|
const {
|
|
label,
|
|
showError,
|
|
errorType,
|
|
} = wrapper.find(SendRowWrapper).props()
|
|
|
|
assert.equal(label, 'transactionFee_t:')
|
|
assert.equal(showError, 'mockGasFeeError')
|
|
assert.equal(errorType, 'gasFee')
|
|
})
|
|
|
|
it('should render a GasFeeDisplay as a child of the SendRowWrapper', () => {
|
|
assert(wrapper.find(SendRowWrapper).childAt(0).is(GasFeeDisplay))
|
|
})
|
|
|
|
it('should render the GasFeeDisplay with the correct props', () => {
|
|
const {
|
|
conversionRate,
|
|
convertedCurrency,
|
|
gasLoadingError,
|
|
gasTotal,
|
|
onReset,
|
|
} = wrapper.find(SendRowWrapper).childAt(0).props()
|
|
assert.equal(conversionRate, 20)
|
|
assert.equal(convertedCurrency, 'mockConvertedCurrency')
|
|
assert.equal(gasLoadingError, false)
|
|
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', () => {
|
|
wrapper.setProps({ gasButtonGroupShown: true })
|
|
const rendered = wrapper.find(SendRowWrapper).childAt(0)
|
|
assert.equal(rendered.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', () => {
|
|
wrapper.setProps({ gasButtonGroupShown: true })
|
|
const rendered = wrapper.find(SendRowWrapper).childAt(0)
|
|
assert.equal(rendered.children().length, 2)
|
|
|
|
const advancedOptionsButton = rendered.childAt(1)
|
|
assert.equal(advancedOptionsButton.text(), 'advancedOptions_t')
|
|
|
|
assert.equal(propsMethodSpies.showCustomizeGasModal.callCount, 0)
|
|
advancedOptionsButton.props().onClick()
|
|
assert.equal(propsMethodSpies.showCustomizeGasModal.callCount, 1)
|
|
})
|
|
})
|
|
})
|
|
|