mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 19:10:22 +01:00
badebe017f
* Add UnitInput component * Add CurrencyInput component * Add UserPreferencedCurrencyInput component * Add UserPreferencedCurrencyDisplay component * Add updatePreferences action * Add styles for CurrencyInput, CurrencyDisplay, and UnitInput * Update SettingsTab page with Primary Currency toggle * Refactor currency displays and inputs to use UserPreferenced displays and inputs * Add TokenInput component * Add UserPreferencedTokenInput component * Use TokenInput in the send screen * Fix unit tests * Fix e2e and integration tests * Remove send/CurrencyDisplay component * Replace diamond unicode character with Eth logo. Fix typos
72 lines
2.3 KiB
JavaScript
72 lines
2.3 KiB
JavaScript
import React from 'react'
|
|
import assert from 'assert'
|
|
import { shallow } from 'enzyme'
|
|
import sinon from 'sinon'
|
|
import TokenBalance from '../../token-balance'
|
|
import UserPreferencedCurrencyDisplay from '../../user-preferenced-currency-display'
|
|
import { SEND_ROUTE } from '../../../routes'
|
|
import TransactionViewBalance from '../transaction-view-balance.component'
|
|
|
|
const propsMethodSpies = {
|
|
showDepositModal: sinon.spy(),
|
|
}
|
|
|
|
const historySpies = {
|
|
push: sinon.spy(),
|
|
}
|
|
|
|
const t = (str1, str2) => str2 ? str1 + str2 : str1
|
|
|
|
describe('TransactionViewBalance Component', () => {
|
|
afterEach(() => {
|
|
propsMethodSpies.showDepositModal.resetHistory()
|
|
historySpies.push.resetHistory()
|
|
})
|
|
|
|
it('should render ETH balance properly', () => {
|
|
const wrapper = shallow(<TransactionViewBalance
|
|
showDepositModal={propsMethodSpies.showDepositModal}
|
|
history={historySpies}
|
|
network="3"
|
|
ethBalance={123}
|
|
fiatBalance={456}
|
|
currentCurrency="usd"
|
|
/>, { context: { t } })
|
|
|
|
assert.equal(wrapper.find('.transaction-view-balance').length, 1)
|
|
assert.equal(wrapper.find('.transaction-view-balance__button').length, 2)
|
|
assert.equal(wrapper.find(UserPreferencedCurrencyDisplay).length, 2)
|
|
|
|
const buttons = wrapper.find('.transaction-view-balance__buttons')
|
|
assert.equal(propsMethodSpies.showDepositModal.callCount, 0)
|
|
buttons.childAt(0).simulate('click')
|
|
assert.equal(propsMethodSpies.showDepositModal.callCount, 1)
|
|
assert.equal(historySpies.push.callCount, 0)
|
|
buttons.childAt(1).simulate('click')
|
|
assert.equal(historySpies.push.callCount, 1)
|
|
assert.equal(historySpies.push.getCall(0).args[0], SEND_ROUTE)
|
|
})
|
|
|
|
it('should render token balance properly', () => {
|
|
const token = {
|
|
address: '0x35865238f0bec9d5ce6abff0fdaebe7b853dfcc5',
|
|
decimals: '2',
|
|
symbol: 'ABC',
|
|
}
|
|
|
|
const wrapper = shallow(<TransactionViewBalance
|
|
showDepositModal={propsMethodSpies.showDepositModal}
|
|
history={historySpies}
|
|
network="3"
|
|
ethBalance={123}
|
|
fiatBalance={456}
|
|
currentCurrency="usd"
|
|
selectedToken={token}
|
|
/>, { context: { t } })
|
|
|
|
assert.equal(wrapper.find('.transaction-view-balance').length, 1)
|
|
assert.equal(wrapper.find('.transaction-view-balance__button').length, 1)
|
|
assert.equal(wrapper.find(TokenBalance).length, 1)
|
|
})
|
|
})
|