From 8acb3b8b3a323226302a62520900086c1ff28c60 Mon Sep 17 00:00:00 2001
From: LucasWerey <lucas.werey@hotmail.com>
Date: Tue, 16 Jan 2024 22:28:59 +0100
Subject: [PATCH 1/2] fix(dslib): fix import SelectField for build

---
 src/components/CTA/SelectField/SelectField.story.vue | 2 +-
 src/components/CTA/SelectField/SelectField.vue       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CTA/SelectField/SelectField.story.vue b/src/components/CTA/SelectField/SelectField.story.vue
index 9bb4047..59a95b3 100644
--- a/src/components/CTA/SelectField/SelectField.story.vue
+++ b/src/components/CTA/SelectField/SelectField.story.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script setup lang="ts">
-import { SelectFieldOption } from './SelectField.model'
+import type { SelectFieldOption } from './SelectField.model'
 import { logEvent } from 'histoire/client'
 
 interface Controls {
diff --git a/src/components/CTA/SelectField/SelectField.vue b/src/components/CTA/SelectField/SelectField.vue
index 3f69a73..dd2c06e 100644
--- a/src/components/CTA/SelectField/SelectField.vue
+++ b/src/components/CTA/SelectField/SelectField.vue
@@ -43,7 +43,7 @@
 </template>
 
 <script setup lang="ts">
-import { SelectFieldOption } from './SelectField.model'
+import type { SelectFieldOption } from './SelectField.model'
 
 const props = defineProps({
   options: {

From 260248b4a81ff0da06a5173b13b0f597e8e46549 Mon Sep 17 00:00:00 2001
From: LucasWerey <lucas.werey@hotmail.com>
Date: Tue, 16 Jan 2024 22:31:51 +0100
Subject: [PATCH 2/2] fix(dslib): fix import SelectField for build

---
 .../CTA/SelectField/SelectField.spec.ts       | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/components/CTA/SelectField/SelectField.spec.ts b/src/components/CTA/SelectField/SelectField.spec.ts
index 8b91339..8b0dd69 100644
--- a/src/components/CTA/SelectField/SelectField.spec.ts
+++ b/src/components/CTA/SelectField/SelectField.spec.ts
@@ -35,4 +35,26 @@ describe('SelectField.vue', () => {
     expect(wrapper.emitted()).toHaveProperty('update:modelValue')
     expect(wrapper.emitted()['update:modelValue'][0]).toEqual(['option1'])
   })
+
+  it('renders options correctly', async () => {
+    const wrapper = mount(SelectField, {
+      props: {
+        title: 'Test Title',
+        options: [
+          { label: 'Option 1', value: 'option1' },
+          { label: 'Option 2', value: 'option2' },
+          { label: 'Option 3', value: 'option3' }
+        ],
+        default: 'option1'
+      }
+    })
+
+    await nextTick()
+
+    const options = wrapper.findAll('.items div')
+    expect(options.length).toBe(3)
+    expect(options[0].text()).toBe('Option 1')
+    expect(options[1].text()).toBe('Option 2')
+    expect(options[2].text()).toBe('Option 3')
+  })
 })