@volverjs/ui-vue 0.0.10-beta.40 → 0.0.10-beta.42

package/src/stories/Combobox/Combobox.test.ts

@@ -11,6 +11,8 @@ export async function defaultTest({ canvasElement, args }: PlayAttributes) {
         return
     }
 
+    const { getOptionValue } = useOptions(args)
+
     const element = await within(canvasElement).findByTestId('element')
     const value = await within(canvasElement).findByTestId('value')
     const dropdown = element.getElementsByClassName(
@@ -42,10 +44,10 @@ export async function defaultTest({ canvasElement, args }: PlayAttributes) {
         && args.options.length > 0
     ) {
         // select first value
-        await expect(dropdownFirstItem).toBeClicked()
-        await sleep()
-
-        const { getOptionValue } = useOptions(args)
+        if (!args.autoselectFirst) {
+            await expect(dropdownFirstItem).toBeClicked()
+            await sleep()
+        }
 
         const firstValue = getOptionValue(
             args.options[0].options?.[0] ?? args.options[0],

package/src/stories/Combobox/ComboboxMultiple.stories.ts

@@ -23,6 +23,15 @@ export const DefaultMultiple: Story = {
     },
 }
 
+export const MinValues: Story = {
+    ...Default,
+    args: {
+        ...Default.args,
+        multiple: true,
+        minValues: 2,
+    },
+}
+
 export const MaxValues: Story = {
     ...Default,
     args: {

package/src/stories/Combobox/ComboboxOptions.stories.ts

@@ -82,16 +82,16 @@ export const DotPathOptions: Story = {
     ...Default,
     args: {
         ...Default.args,
-        valueKey: 'value.val',
+        valueKey: 'value.id',
         labelKey: 'label.en',
         options: [
-            { value: { val: 'first' }, label: { it: 'Primo', en: 'First' } },
+            { value: { id: 'first' }, label: { it: 'Primo', en: 'First' } },
             {
-                value: { val: 'second' },
+                value: { id: 'second' },
                 label: { it: 'Secondo', en: 'Second' },
             },
-            { value: { val: 'third' }, label: { it: 'Terzo', en: 'Third' } },
-            { value: { val: 'fourth' }, label: { it: 'Quarto', en: 'Fourth' } },
+            { value: { id: 'third' }, label: { it: 'Terzo', en: 'Third' } },
+            { value: { id: 'fourth' }, label: { it: 'Quarto', en: 'Fourth' } },
         ],
     },
 }
@@ -101,15 +101,11 @@ export const ObjectValue: Story = {
     args: {
         ...Default.args,
         multiple: true,
+        labelKey: 'name',
+        valueKey: '',
         options: [
-            {
-                value: { name: 'John Doe', email: 'john.doe@test.com' },
-                label: 'John Doe',
-            },
-            {
-                value: { name: 'Jane Doe', email: 'jane.doe@test.com' },
-                label: 'Jane Doe',
-            },
+            { name: 'John Doe', email: 'john.doe@test.com' },
+            { name: 'Jane Doe', email: 'jane.doe@test.com' },
         ],
     },
 }

package/src/stories/Select/Select.stories.ts

@@ -112,3 +112,11 @@ export const Floating: Story = {
         floating: true,
     },
 }
+
+export const AutoselectFirst: Story = {
+    ...Default,
+    args: {
+        ...defaultArgs,
+        autoselectFirst: true,
+    },
+}

package/src/stories/Select/Select.test.ts

@@ -22,9 +22,11 @@ export async function defaultTest({ canvasElement, args }: PlayAttributes) {
         const firstValue = getOptionValue(
             args.options[0].options?.[0] ?? args.options[0],
         )
-        select.value = firstValue
-        select.dispatchEvent(new Event('change'))
-        await sleep()
+        if (!args.autoselectFirst) {
+            select.value = firstValue
+            select.dispatchEvent(new Event('change'))
+            await sleep()
+        }
         if (args.multiple) {
             await expect(JSON.parse(value.innerHTML)).toEqual([firstValue])
         }