import React from 'react'
import TokenBalanceCard from '../../../src/components/Cards/TokenBalance'
import { mount } from 'enzyme'

describe('components/Cards/TokenBalance', () => {
  it('renders the title and a loading indicator when it is fetching', () => {
    const wrapper = mount(
      <TokenBalanceCard title="Ether Balance" value={undefined} />,
    )

    expect(wrapper.text()).toContain('Ether Balance...')
  })

  it('renders the title and the error message', () => {
    const wrapper = mount(
      <TokenBalanceCard title="Ether Balance" error="An Error" />,
    )

    expect(wrapper.text()).toContain('Ether BalanceAn Error')
  })

  it('renders the title and the formatted balance', () => {
    const wrapper = mount(
      <TokenBalanceCard title="Ether Balance" value="7779070000000000000000" />,
    )

    expect(wrapper.text()).toContain('Ether Balance7.779070k')
  })
})