chore: add browser test for return-object

vuetifyjs · Oct 22, 2024 · 4f5b897 · 4f5b897
1 parent 56bae8e
commit 4f5b897
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VList/VListGroup.tsx b/packages/vuetify/src/components/VList/VListGroup.tsx
@@ -43,7 +43,7 @@ export const makeVListGroupProps = propsFactory({
     type: IconValue,
     default: '$expand',
   },
-  id: String,
+  id: [String, Number],
   prependIcon: IconValue,
   appendIcon: IconValue,
   fluid: Boolean,

diff --git a/packages/vuetify/src/components/VList/__tests__/VListGroup.spec.browser.tsx b/packages/vuetify/src/components/VList/__tests__/VListGroup.spec.browser.tsx
@@ -105,4 +105,52 @@ describe('VListGroup', () => {
     expect(opened.value).toStrictEqual(['Users'])
     expect(screen.getByCSS('.v-list-group__items')).toBeVisible()
   })
+
+  it('should correctly set v-model:opened when return-object is applied', async () => {
+    const opened: Ref = ref([])
+    const items: Ref = ref([
+      {
+        title: 'Item #1',
+        newValue: 1,
+        children: [
+          {
+            title: 'Child 1',
+            newValue: 100,
+          },
+        ],
+      },
+      {
+        title: 'Item #2',
+        newValue: 2,
+      },
+      {
+        title: 'Item #3',
+        newValue: 3,
+      },
+    ])
+    render(() => (
+      <VList
+        v-model:opened={ opened.value }
+        itemValue="newValue"
+        items={ items.value }
+        returnObject
+      >
+      </VList>
+    ))
+
+    expect(opened.value).toStrictEqual([])
+
+    await userEvent.click(screen.getByCSS('.v-list-group__header'))
+
+    expect(opened.value).toStrictEqual([{
+      title: 'Item #1',
+      newValue: 1,
+      children: [
+        {
+          title: 'Child 1',
+          newValue: 100,
+        },
+      ],
+    }])
+  })
 })