     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', ->


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


  describe '::onChange', ->


      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()

