aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/modals/cancel-transaction/cancel-transaction-gas-fee/tests/cancel-transaction-gas-fee.component.test.js
blob: 014815503de6705dfe8f4ee3664a4a3a3ac96f52 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import React from 'react'
import assert from 'assert'
import { shallow } from 'enzyme'
import CancelTransactionGasFee from '../cancel-transaction-gas-fee.component'
import UserPreferencedCurrencyDisplay from '../../../../user-preferenced-currency-display'

describe('CancelTransactionGasFee Component', () => {
  it('should render', () => {
    const wrapper = shallow(
      <CancelTransactionGasFee
        value="0x3b9aca00"
      />
    )

    assert.ok(wrapper)
    assert.equal(wrapper.find(UserPreferencedCurrencyDisplay).length, 2)
    const ethDisplay = wrapper.find(UserPreferencedCurrencyDisplay).at(0)
    const fiatDisplay = wrapper.find(UserPreferencedCurrencyDisplay).at(1)

    assert.equal(ethDisplay.props().value, '0x3b9aca00')
    assert.equal(ethDisplay.props().className, 'cancel-transaction-gas-fee__eth')

    assert.equal(fiatDisplay.props().value, '0x3b9aca00')
    assert.equal(fiatDisplay.props().className, 'cancel-transaction-gas-fee__fiat')
  })
})