       expect(value).toEqual value
       expect(input.getAttribute 'placeholder').toEqual placeholder
 
+    it 'renders input with provided prop value with common emoji and placeholder', ->
+
+      value       = ':)'
+      placeholder = 'Type here...'
+      result = TestUtils.renderIntoDocument(
+        <ChatInputWidget placeholder={placeholder} data={{ value }} />
+      )
+
+      input = TestUtils.findRenderedDOMComponentWithTag result, 'textarea'
+
+      value = input.value
+      expect(value).toEqual value
+      expect(input.getAttribute 'placeholder').toEqual placeholder
+
+
+    it 'renders input with provided prop value with common emoji and meaningless word  and placeholder', ->
+
+      value       = ':pasdasdas'
+      placeholder = 'Type here...'
+      result = TestUtils.renderIntoDocument(
+        <ChatInputWidget placeholder={placeholder} data={{ value }} />
+      )
+
+      input = TestUtils.findRenderedDOMComponentWithTag result, 'textarea'
+
+      value = input.value
+      expect(value).toEqual value
+      expect(input.getAttribute 'placeholder').toEqual placeholder
+
+
     it 'renders dropbox according to dropbox config and passed data', ->
 
       result = TestUtils.renderIntoDocument(
         <ChatInputWidget data={data} />
       )
-
+      console.log 'result ', result
       component = TestUtils.findRenderedComponentWithType result, EmojiDropbox
       expect(component).toExist()
 


      expect(-> TestUtils.findRenderedComponentWithType  result, EmojiDropbox).toThrow()


  describe '::onChange', ->


    query         : 'wh'
  }

  dataWithOneChar = {
    dropboxConfig : toImmutable {
      component   : EmojiDropbox
      getters     : {
        'items'
        'selectedIndex'
        'query'
      }
    }
    items         : toImmutable [ 'whale', 'white_check_mark', 'white_circle' ]
    selectedIndex : 1
    query         : 'w'
  }

  describe '::render', ->

    it 'renders input with provided prop value and placeholder', ->
