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.
91 lines
2.6 KiB
91 lines
2.6 KiB
import React from 'react'
|
|
import assert from 'assert'
|
|
import { shallow } from 'enzyme'
|
|
import sinon from 'sinon'
|
|
import AmountMaxButton from '../amount-max-button.component.js'
|
|
|
|
const propsMethodSpies = {
|
|
setAmountToMax: sinon.spy(),
|
|
setMaxModeTo: sinon.spy(),
|
|
}
|
|
|
|
const MOCK_EVENT = { preventDefault: () => {} }
|
|
|
|
sinon.spy(AmountMaxButton.prototype, 'setMaxAmount')
|
|
|
|
describe('AmountMaxButton Component', function () {
|
|
let wrapper
|
|
let instance
|
|
|
|
beforeEach(() => {
|
|
wrapper = shallow((
|
|
<AmountMaxButton
|
|
balance="mockBalance"
|
|
gasTotal="mockGasTotal"
|
|
maxModeOn={false}
|
|
selectedToken={ { address: 'mockTokenAddress' } }
|
|
setAmountToMax={propsMethodSpies.setAmountToMax}
|
|
setMaxModeTo={propsMethodSpies.setMaxModeTo}
|
|
tokenBalance="mockTokenBalance"
|
|
/>
|
|
), {
|
|
context: {
|
|
t: str => str + '_t',
|
|
metricsEvent: () => {},
|
|
},
|
|
})
|
|
instance = wrapper.instance()
|
|
})
|
|
|
|
afterEach(() => {
|
|
propsMethodSpies.setAmountToMax.resetHistory()
|
|
propsMethodSpies.setMaxModeTo.resetHistory()
|
|
AmountMaxButton.prototype.setMaxAmount.resetHistory()
|
|
})
|
|
|
|
describe('setMaxAmount', () => {
|
|
|
|
it('should call setAmountToMax with the correct params', () => {
|
|
assert.equal(propsMethodSpies.setAmountToMax.callCount, 0)
|
|
instance.setMaxAmount()
|
|
assert.equal(propsMethodSpies.setAmountToMax.callCount, 1)
|
|
assert.deepEqual(
|
|
propsMethodSpies.setAmountToMax.getCall(0).args,
|
|
[{
|
|
balance: 'mockBalance',
|
|
gasTotal: 'mockGasTotal',
|
|
selectedToken: { address: 'mockTokenAddress' },
|
|
tokenBalance: 'mockTokenBalance',
|
|
}]
|
|
)
|
|
})
|
|
|
|
})
|
|
|
|
describe('render', () => {
|
|
it('should render an element with a send-v2__amount-max class', () => {
|
|
assert(wrapper.exists('.send-v2__amount-max'))
|
|
})
|
|
|
|
it('should call setMaxModeTo and setMaxAmount when the checkbox is checked', () => {
|
|
const {
|
|
onClick,
|
|
} = wrapper.find('.send-v2__amount-max').props()
|
|
|
|
assert.equal(AmountMaxButton.prototype.setMaxAmount.callCount, 0)
|
|
assert.equal(propsMethodSpies.setMaxModeTo.callCount, 0)
|
|
onClick(MOCK_EVENT)
|
|
assert.equal(AmountMaxButton.prototype.setMaxAmount.callCount, 1)
|
|
assert.equal(propsMethodSpies.setMaxModeTo.callCount, 1)
|
|
assert.deepEqual(
|
|
propsMethodSpies.setMaxModeTo.getCall(0).args,
|
|
[true]
|
|
)
|
|
})
|
|
|
|
it('should render the expected text when maxModeOn is false', () => {
|
|
wrapper.setProps({ maxModeOn: false })
|
|
assert.equal(wrapper.find('.send-v2__amount-max').text(), 'max_t')
|
|
})
|
|
})
|
|
})
|
|
|