feat: fruit search by name/synonym and type filter (story #06)
Backend: List repo query gains name (ILIKE with wildcard escaping on
name + synonym LEFT JOIN, SELECT DISTINCT) and types (ANY cast) params;
handler parses ?name= and ?type=, resolves combined-type aliases from
domain.FruitTypeAliases, validates plain types against validFruitTypes
to prevent Postgres enum cast errors. ORDER BY f.name, f.id for stable
pagination.
Frontend: listFruits gains optional {name, type} params; fruitStore adds
searchName/searchType state and setSearch action (resets offset, refetches);
FruitList.vue wires text input (debounced 300 ms + Enter) and flat type
dropdown (17 enum values + 4 aliases per spec §5 order); debounce timer
cleared on unmount.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -115,4 +115,15 @@ describe('fruitStore', () => {
|
||||
expect(store.fruits.find((f) => f.id === 1)).toBeUndefined()
|
||||
expect(store.total).toBe(1)
|
||||
})
|
||||
|
||||
it('setSearch updates search state and resets offset', async () => {
|
||||
const store = useFruitStore()
|
||||
await store.fetchFruits()
|
||||
store.offset = 50
|
||||
await store.setSearch('Boskop', 'Apfelsorten')
|
||||
expect(store.searchName).toBe('Boskop')
|
||||
expect(store.searchType).toBe('Apfelsorten')
|
||||
expect(store.offset).toBe(0)
|
||||
expect(fetchMock).toHaveBeenLastCalledWith(expect.stringContaining('name=Boskop'))
|
||||
})
|
||||
})
|
||||
|
||||
@@ -18,12 +18,19 @@ export const useFruitStore = defineStore('fruit', () => {
|
||||
const current = ref<Fruit | null>(null)
|
||||
const loading = ref(false)
|
||||
const error = ref<string | null>(null)
|
||||
const searchName = ref('')
|
||||
const searchType = ref('')
|
||||
|
||||
async function fetchFruits(lim = limit.value, off = offset.value) {
|
||||
loading.value = true
|
||||
error.value = null
|
||||
try {
|
||||
const resp = await listFruits(lim, off)
|
||||
const resp = await listFruits({
|
||||
limit: lim,
|
||||
offset: off,
|
||||
name: searchName.value || undefined,
|
||||
type: searchType.value || undefined,
|
||||
})
|
||||
fruits.value = resp.items
|
||||
total.value = resp.total
|
||||
limit.value = resp.limit
|
||||
@@ -35,6 +42,13 @@ export const useFruitStore = defineStore('fruit', () => {
|
||||
}
|
||||
}
|
||||
|
||||
async function setSearch(name: string, type: string) {
|
||||
searchName.value = name
|
||||
searchType.value = type
|
||||
offset.value = 0
|
||||
await fetchFruits(limit.value, 0)
|
||||
}
|
||||
|
||||
async function fetchFruit(id: number) {
|
||||
loading.value = true
|
||||
error.value = null
|
||||
@@ -71,5 +85,5 @@ export const useFruitStore = defineStore('fruit', () => {
|
||||
if (current.value?.id === id) current.value = null
|
||||
}
|
||||
|
||||
return { fruits, total, limit, offset, current, loading, error, fetchFruits, fetchFruit, create, update, remove }
|
||||
return { fruits, total, limit, offset, current, loading, error, searchName, searchType, fetchFruits, fetchFruit, create, update, remove, setSearch }
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user