fix(FieldSelect): selected names not showing

Author: kevinkosterr

src/fields/core/FieldSelect.vue

@@ -88,12 +88,13 @@ const { hint } = useFieldAttributes(model.value, field.value)
 const selectedNames: ComputedRef<string[]> = computed(() => {
   if (!currentModelValue.value) return []
 
-  const findOptionName = (option: FieldOption) => field.value.options.find(o => o.value === option.value)?.name ?? ''
+  const findOptionName = (value: string) => field.value.options.find(o => o.value === value)?.name ?? false
 
   if (Array.isArray(currentModelValue.value) && field.value.multiple) {
-    return currentModelValue.value.map(o => findOptionName(o))
+    return currentModelValue.value.map(findOptionName).filter(o => o !== false)
   } else {
-    return [ field.value.options.find(o => o.value === currentModelValue.value)?.name ?? '' ]
+    const optionName = findOptionName(currentModelValue.value)
+    return optionName ? [ optionName ] : []
   }
 })
 

tests/components/fields/FieldSelect.spec.js

@@ -82,10 +82,13 @@ describe('FieldSelect', () => {
     await fieldSelect.vm.$nextTick()
     await fieldSelect.find('.vfg-select-option').trigger('click')
     expect(formWrapper.vm.model.selectModel.length).toBe(1)
+    expect(fieldSelect.find('.vfg-select-label').find('span').element.innerHTML).toContain('Test 1')
 
     await fieldSelect.find('.vfg-select-label').trigger('click')
     await fieldSelect.vm.$nextTick()
     await fieldSelect.findAll('.vfg-select-option')[2].trigger('click')
+    await fieldSelect.vm.$nextTick()
+    expect(fieldSelect.find('.vfg-select-label').find('span').element.innerHTML).toContain('Test 3')
     expect(formWrapper.vm.model.selectModel.length).toBe(2)
   })