import React from 'react'
import assert from 'assert'
import sinon from 'sinon'
import { mount } from 'enzyme'
import RevealSeedPhrase from '../index'

describe('Reveal Seed Phrase', function () {
  let wrapper

  const TEST_SEED = 'debris dizzy just program just float decrease vacant alarm reduce speak stadium'

  const props = {
    history: {
      push: sinon.spy(),
    },
    seedPhrase: TEST_SEED,
    setSeedPhraseBackedUp: sinon.spy(),
    setCompletedOnboarding: sinon.spy(),
  }

  beforeEach(function () {
    wrapper = mount(
      <RevealSeedPhrase.WrappedComponent {...props} />, {
        context: {
          t: str => str,
          metricsEvent: () => {},
        },
      }
    )
  })

  it('seed phrase', function () {
    const seedPhrase = wrapper.find('.reveal-seed-phrase__secret-words--hidden')
    assert.equal(seedPhrase.length, 1)
    assert.equal(seedPhrase.text(), TEST_SEED)
  })

  it('clicks to reveal', function () {
    const reveal = wrapper.find('.reveal-seed-phrase__secret-blocker')

    assert.equal(wrapper.state().isShowingSeedPhrase, false)
    reveal.simulate('click')
    assert.equal(wrapper.state().isShowingSeedPhrase, true)

    const showSeed = wrapper.find('.reveal-seed-phrase__secret-words')
    assert.equal(showSeed.length, 1)
  })
})