feat(input-select): also support kv pairs with {id,alias}

discue · Jun 21, 2024 · b636a85 · b636a85
1 parent 4aceb2c
commit b636a85
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 1 deletion.
diff --git a/src/components/form-input-select.vue b/src/components/form-input-select.vue
@@ -23,7 +23,7 @@
                     :key="element.id"
                     :class="optionClazz"
                     :value="index">
-                {{ element.name }}
+                {{ element.name || element.alias }}
             </option>
         </select>
     </FormElementContainerWithLabel>

diff --git a/tests/unit/form-input-select.spec.js b/tests/unit/form-input-select.spec.js
@@ -32,4 +32,51 @@ describe('FormInputSelect.vue', () => {
             expect(wrapper.vm.$refs.select.attributes.id.value).to.equal('my-form-input-select')
         })
     })
+    describe('.elements', () => {
+        it('expects key value pairs with format {id, name}', () => {
+            const wrapper = mount(FormInputSelect, {
+                props: {
+                    id: 'my-form-input-select',
+                    elements: [
+                        {
+                            id: '1',
+                            name: 'abc'
+                        }
+                    ]
+                }
+            })
+            const option = wrapper.find('option')
+            expect(option.text()).to.equal('abc')
+        })
+        it('expects key value pairs with format {id, alias}', () => {
+            const wrapper = mount(FormInputSelect, {
+                props: {
+                    id: 'my-form-input-select',
+                    elements: [
+                        {
+                            id: '1',
+                            alias: 'abc'
+                        }
+                    ]
+                }
+            })
+            const option = wrapper.find('option')
+            expect(option.text()).to.equal('abc')
+        })
+        it('does not expect key value pairs with format {id, label} but renders anyways', () => {
+            const wrapper = mount(FormInputSelect, {
+                props: {
+                    id: 'my-form-input-select',
+                    elements: [
+                        {
+                            id: '1',
+                            label: 'abc'
+                        }
+                    ]
+                }
+            })
+            const option = wrapper.find('option')
+            expect(option.text()).to.have.length(0)
+        })
+    })
 })