fix(Search): prevent blur event when SearchResult is clicked

[jongsue]

fixes #3298

I couldn't write the test code.

If you know how to do it, please let me know
thanks in advance

[codecov-io]

Codecov Report

❗ No coverage uploaded for pull request base (master@abba96b). Click here to learn what that means.
The diff coverage is 100%.

@@            Coverage Diff            @@
##             master    #3456   +/-   ##
=========================================
  Coverage          ?   99.89%           
=========================================
  Files             ?      172           
  Lines             ?     2796           
  Branches          ?        0           
=========================================
  Hits              ?     2793           
  Misses            ?        3           
  Partials          ?        0

Impacted Files	Coverage Δ
src/modules/Search/Search.js	99.46% <100%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update abba96b...8bb1ce6. Read the comment docs.

[layershifter]

1. Please move this code to a separate class method and place it under handleItemClick:

  handleItemMouseDown = (e) => {
    debug('handleItemMouseDown()')
    // We should prevent default to prevent blur events.
    // https://github.com/Semantic-Org/Semantic-UI-React/issues/3298
    e.preventDefault()
  }

2. As we there, let's use _.invoke():

  handleFocus = (e) => {
    debug('handleFocus()')

    _.invoke(this.props, 'onFocus', e, this.props)
    this.setState({ focus: true })
  }

  handleBlur = (e) => {
    debug('handleBlur()')

    _.invoke(this.props, 'onBlur', e, this.props)
    this.setState({ focus: false })
  }

- onMouseDown={e => e.preventDefault()}
+ onMouseDown={this.handleItemMouseDown}

3. About a new unit test, we want to assert that onBlur will not happen on the item selection, we can test this:

    it('is not called on an item click', () => {
      const onBlur = sandbox.spy()
      wrapperMount(<Search results={options} onBlur={onBlur} />)

      openSearchResults()
      wrapper.find('SearchResult').at('0').simulate('click', nativeEvent)
      onBlur.should.have.not.been.called()
    })

[layershifter]

Needs some changes, thanks for taking this 👍

[layershifter]

Applied changes to get this fix 👍

[levithomason]

Released in semantic-ui-react@0.86.0.