import React from 'react'
import { mount } from 'enzyme'
import TestRenderer from 'react-test-renderer'
import TextAreaInput from '../TextArea'

describe('allows to edit and appropriate value reflected in state', () => {
  it('TextInput rendering and change in value reflects in state change', () => {
    const Wrapper = mount(<TextAreaInput />)
    // const Wrapper = TestRenderer.create(<TextAreaInput />)
    // const Input = Wrapper.find('textarea')
    // Input.simulate('change', { target: { value: 'FOo*' } })
    // expect(Wrapper.state('value')).toBe('FOo*')
    // console.log('Wrapper', Wrapper.children())
    // console.log('Wrapper', Wrapper.debug())
    // const Input = Wrapper.find('textarea')
    // Input.simulate('keydown', { key: 'z', keyCode: 90, which: 90 })
    // Input.simulate('change', { target: { value: 'FOo*' } })
    // console.log('**************', Input.value())
    // expect(Wrapper.state('value')).toBe('FOo*')
  })
})