fix: Update tests/story

Author: lmotioc

__snapshots__/src/index.test.js.md

@@ -11,6 +11,8 @@ Generated by [AVA](https://ava.li).
     <div
       className="react-dropdown-tree-select"
       id="rdts"
+      onBlur={Function {}}
+      onFocus={Function {}}
     >
       <div
         className="dropdown"
@@ -180,6 +182,8 @@ Generated by [AVA](https://ava.li).
     <div
       className="react-dropdown-tree-select"
       id="rdts"
+      onBlur={Function {}}
+      onFocus={Function {}}
     >
       <div
         className="dropdown"
@@ -348,6 +352,8 @@ Generated by [AVA](https://ava.li).
     <div
       className="react-dropdown-tree-select"
       id="rdts"
+      onBlur={Function {}}
+      onFocus={Function {}}
     >
       <div
         className="dropdown"
@@ -469,6 +475,8 @@ Generated by [AVA](https://ava.li).
       <div
         className="react-dropdown-tree-select"
         id="rdts"
+        onBlur={Function {}}
+        onFocus={Function {}}
       >
         <div
           className="dropdown radio-select"
@@ -620,6 +628,8 @@ Generated by [AVA](https://ava.li).
       <div
         className="react-dropdown-tree-select"
         id="rdts"
+        onBlur={Function {}}
+        onFocus={Function {}}
       >
         <div
           className="dropdown"
@@ -689,6 +699,8 @@ Generated by [AVA](https://ava.li).
     <div
       className="react-dropdown-tree-select"
       id="rdts"
+      onBlur={Function {}}
+      onFocus={Function {}}
     >
       <div
         className="dropdown"

__snapshots__/src/index.test.js.snap

@@ -32,6 +32,12 @@ class WithOptions extends PureComponent {
   onNodeToggle = curNode => {
     console.log('onNodeToggle::', curNode)
   }
+  onFocus = (node, action) => {
+    console.log('onFocus::', action, node)
+  }
+  onBlur = (node, action) => {
+    console.log('onBlur::', action, node)
+  }
 
   onOptionsChange = value => {
     this.setState({ [value]: !this.state[value] })
@@ -121,6 +127,8 @@ class WithOptions extends PureComponent {
             id="rdts"
             data={data}
             onChange={this.onChange}
+            onBlur={this.onBlur}
+            onFocus={this.onFocus}
             onAction={this.onAction}
             onNodeToggle={this.onNodeToggle}
             clearSearchOnChange={clearSearchOnChange}

docs/src/stories/Options/index.js

@@ -243,15 +243,16 @@ test('deactivates dropdown active on blur', t => {
 test('detects click outside', t => {
   const { tree } = t.context
   const wrapper = mount(<DropdownTreeSelect data={tree} />)
-  const handleOutsideClick = spy(wrapper.instance(), 'handleOutsideClick')
+  const handleDropdownCollapse = spy(wrapper.instance(), 'handleDropdownCollapse')
 
+  wrapper.instance().onFocus()
   wrapper.instance().handleClick()
   t.true(wrapper.state().showDropdown)
 
   const event = new MouseEvent('click', { bubbles: true, cancelable: true })
   global.document.dispatchEvent(event)
 
-  t.true(handleOutsideClick.calledOnce)
+  t.true(handleDropdownCollapse.calledOnce)
   t.false(wrapper.state().showDropdown)
 })
 
@@ -270,7 +271,7 @@ test('detects click inside', t => {
     target: checkboxItem,
   })
   Object.defineProperty(event, 'target', { value: checkboxItem, enumerable: true })
-  wrapper.instance().handleOutsideClick(event)
+  wrapper.instance().handleDropdownCollapse(event)
 
   t.true(wrapper.state().showDropdown)
 })
@@ -291,7 +292,7 @@ test('detects click outside when other dropdown instance', t => {
     target: searchInput,
   })
   Object.defineProperty(event, 'target', { value: searchInput, enumerable: true })
-  wrapper1.instance().handleOutsideClick(event)
+  wrapper1.instance().handleDropdownCollapse(event)
 
   t.false(wrapper1.state().showDropdown)
 })