refactor: search test

apps/frontend/src/components/command/search.ts

@@ -35,7 +35,7 @@ export function useSearch() {
         () => search.value,
         (v) => {
           if (v === '') {
-            searchIng.value = false
+            resetSearch()
             resetSearchCommands()
             resetSearchTasks()
           }
@@ -50,6 +50,8 @@ export function useSearch() {
 
   function resetSearch() {
     search.value = ''
+    loading.value = false
+    searchIng.value = false
   }
 
   async function handleSearch(input: string) {

apps/frontend/src/components/command/tests/search.spec.ts

@@ -1,15 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import flushPromises from 'flush-promises'
 import { useSearch } from '../search'
 
-async function flushWatch() {
-  // 这是为了处理 watch
-  await flushPromises() // 这是为了处理延迟 500ms
-  vi.runAllTimers()
-  // 这是为了处理内部的 await
-  await flushPromises()
-}
-
 const resetSearchCommands = vi.fn()
 const searchCommands = vi.fn()
 vi.mock('../searchCommands.ts', () => {
@@ -53,8 +44,8 @@ describe('search', () => {
 
     search.value = '吃饭'
 
-    await flushPromises()
-    vi.runAllTimers()
+    await vi.advanceTimersToNextTimerAsync()
+
     expect(loading.value).toBe(true)
   })
 
@@ -63,7 +54,7 @@ describe('search', () => {
 
     search.value = '吃饭'
 
-    await flushWatch()
+    await vi.runAllTimersAsync()
 
     expect(loading.value).toBe(false)
   })
@@ -73,19 +64,18 @@ describe('search', () => {
 
     search.value = '吃饭'
 
-    await flushWatch()
+    await vi.runAllTimersAsync()
 
     expect(searchIng.value).toBe(true)
   })
 
   it('should be searching is false when search reset', async () => {
     const { search, searchIng } = useSearch()
-
     search.value = '吃饭'
-    await flushWatch()
+    await vi.runAllTimersAsync()
 
     search.value = ''
-    await flushWatch()
+    await vi.runAllTimersAsync()
 
     expect(searchIng.value).toBe(false)
   })
@@ -95,7 +85,17 @@ describe('search', () => {
 
     search.value = '>主页'
 
-    await flushWatch()
+    await vi.runAllTimersAsync()
+
+    expect(searchCommands).toBeCalledWith('主页')
+  })
+
+  it('should search commands when input contain blank character  ', async () => {
+    const { search } = useSearch()
+
+    search.value = '>主页 '
+
+    await vi.runAllTimersAsync()
 
     expect(searchCommands).toBeCalledWith('主页')
   })
@@ -104,20 +104,22 @@ describe('search', () => {
     const { search } = useSearch()
     search.value = '吃饭'
 
-    await flushWatch()
+    await vi.runAllTimersAsync()
 
     expect(searchTasks).toBeCalledWith('吃饭')
   })
 
   it('should be reset when reset search', async () => {
-    const { search } = useSearch()
+    const { search, loading, searchIng } = useSearch()
     search.value = '吃饭'
 
-    await flushWatch()
+    await vi.runAllTimersAsync()
 
     search.value = ''
-    await flushWatch()
+    await vi.runAllTimersAsync()
 
+    expect(loading.value).toBe(false)
+    expect(searchIng.value).toBe(false)
     expect(resetSearchCommands).toBeCalled()
     expect(resetSearchTasks).toBeCalled()
   })