Fix issue with multiple tooltips showing

[gragland]

This fixes an issue with createSliderWithTooltip() where multiple tooltips will be shown at once if the mouse is dragged over two or more handles quickly.

Reproduced here:
http://codepen.io/anon/pen/jmEPxV?editors=0011

This was due to the fact that multiple setStates would fire back to back and the second would apply old state values. Passing a function to setState (atomic update) was the fix.

[paranoidjk]

sorry, i may not understand correctly about your problem.

I took a look at your codepen demo, and multiple tooltips will be shown is because that the two handle is very closely, so they both trigger onMouseEnter event, and should this be reasonable ？

[gragland]

The bug is that the tooltips don't disappear. See this GIF: https://media.giphy.com/media/3o7bucOydJQsjY6UwM/giphy.gif

Pretty sure this is an issue with onMouseLeave setState not being atomic (has old state values because it's fired before first setState has been applied).

[paranoidjk]

@gragland CI is broken, try upgrade enzyme to latest.

[coveralls]

Coverage decreased (-0.2%) to 49.587% when pulling 84a5860 on gragland:patch-1 into fb009b3 on react-component:master.

[gragland]

@paranoidjk Looks like it failed because coverage decreased. Is that the case? I can write a few tests for createSliderWithTooltip if so.

[afc163]

Add test case about your fix.

[paranoidjk]

Pretty sure this is an issue with onMouseLeave setState not being atomic (has old state values because it's fired before first setState has been applied).

I'd like to say, it's because multiple setState had been batch process.

[benjycui]

ping~ @gragland

[paranoidjk]

@gragland I will handle the test case.

[paranoidjk]

add test at 756dcc8