test(field-select): add test for multiselect

Author: kevinkosterr

__tests__/components/fields/FieldSelect.spec.js

@@ -51,7 +51,7 @@ describe('Test FieldSelect', () => {
 
   it('Should update model value', async () => {
     config.global.components = { FieldSelect }
-    const formWrapper = mountFormGenerator(form.schema, props)
+    const formWrapper = mountFormGenerator(form.schema, form.model)
     const selectComp = formWrapper.findComponent(FieldSelect)
     expect(selectComp.exists()).toBeTruthy()
 
@@ -63,4 +63,27 @@ describe('Test FieldSelect', () => {
     expect(selectComp.vm.isOpened).toBeFalsy()
   })
 
+  it('Should update model value, with multiple option', async () => {
+    config.global.components = { FieldSelect }
+    const schema = { fields: [
+      { ...form.schema.fields[0], multiple: true }
+    ] }
+    const model = { selectModel: [] }
+    const formWrapper = mountFormGenerator(schema, model)
+
+    expect(formWrapper.vm.model.selectModel.length).toBe(0)
+    const fieldSelect = formWrapper.findComponent(FieldSelect)
+    expect(fieldSelect.exists()).toBeTruthy()
+
+    await fieldSelect.find('.vfg-select-label').trigger('click')
+    await fieldSelect.vm.$nextTick()
+    await fieldSelect.find('.vfg-select-option').trigger('click')
+    expect(formWrapper.vm.model.selectModel.length).toBe(1)
+
+    await fieldSelect.find('.vfg-select-label').trigger('click')
+    await fieldSelect.vm.$nextTick()
+    await fieldSelect.findAll('.vfg-select-option')[2].trigger('click')
+    expect(formWrapper.vm.model.selectModel.length).toBe(2)
+  })
+
 })

src/fields/input/FieldSelect.vue

@@ -78,7 +78,7 @@ export default {
       this.isOpened = true
     },
     isSelected (option) {
-      return this.currentModelValue.includes(option.value)
+      return this.currentModelValue?.includes(option.value) ?? false
     },
     selectOption (option) {
       if (!this.field.multiple) {
@@ -97,6 +97,7 @@ export default {
 
         this.$emit('onInput', selectedValues)
       }
+      this.isOpened = false
     }
   }
 }