From 16e75e44643202dbbc8101a2889e02ede5685a24 Mon Sep 17 00:00:00 2001
From: Matt Rider <mattwr18@gmail.com>
Date: Tue, 12 Mar 2019 14:31:29 -0300
Subject: [PATCH] Refactor SearchInput

- break focus and blur into two functions
- add failing test for onSelect function

Co-authored-by: Wolfgang Huss <wolle.huss@pjannto.com>
---
 components/SearchInput.spec.js | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/components/SearchInput.spec.js b/components/SearchInput.spec.js
index 8ba752cef..17f7a9dd4 100644
--- a/components/SearchInput.spec.js
+++ b/components/SearchInput.spec.js
@@ -58,18 +58,6 @@ describe('SearchInput.vue', () => {
       expect(wrapper.vm.value).toEqual('abc')
     })
 
-    it('opens the select dropdown when focused on', () => {
-      const wrapper = Wrapper()
-      const select = wrapper.find('.ds-select')
-      select.trigger('focus')
-      expect(wrapper.vm.isOpen).toBe(true)
-      select.trigger('blur')
-      expect(wrapper.vm.isOpen).toBe(false)
-      // expect(wrapper.find('.ds-select-dropdown').text()).toContain(
-      //   ' What are you searching for?'
-      // )
-    })
-
     describe('testing custom functions', () => {
       let select
       let wrapper
@@ -81,7 +69,17 @@ describe('SearchInput.vue', () => {
         select.element.value = 'abcd'
       })
 
+      it('opens the select dropdown when focused on', () => {
+        expect(wrapper.vm.isOpen).toBe(true)
+      })
+  
+      it('opens the select dropdown and blurs after focused on', () => {
+        select.trigger('blur')
+        expect(wrapper.vm.isOpen).toBe(false)
+      })
+  
       it('is clearable', () => {
+        select.trigger('input')
         select.trigger('keyup.esc')
         expect(wrapper.emitted().clear.length).toBe(1)
       })
@@ -110,6 +108,15 @@ describe('SearchInput.vue', () => {
         select.trigger('keyup.enter')
         expect(spy).toHaveBeenCalledWith('abcd')
       })
+
+      xit('calls onSelect when a user selects an item in the search dropdown menu', async () => {
+        propsData = { results: ['abcd'] }
+        wrapper = Wrapper()
+        select.trigger('input')
+        const results = wrapper.find('.ds-select-option')
+        results.trigger('select')
+        await expect(wrapper.emitted().select[0]).toEqual(['abcd'])
+      })
     })
   })
 })