From a456fae777864e5e92c9b8a7486d22b0b8d71daa Mon Sep 17 00:00:00 2001
From: tomoki1207 <tomoki1207@gmail.com>
Date: Fri, 28 Jun 2024 22:35:17 +0900
Subject: [PATCH 1/2] fix(runtime-utils): `setProps` replace array prop

---
 .../components/ExportDefaultComponent.vue       |  6 ++++++
 .../ExportDefaultReturnsRenderComponent.vue     |  5 +++++
 .../ExportDefaultWithRenderComponent.vue        |  5 +++++
 .../components/ExportDefineComponent.vue        |  5 +++++
 .../tests/nuxt/mount-suspended.spec.ts          | 17 +++++++++++++++--
 src/runtime-utils/mount.ts                      | 11 +++++++++--
 6 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/examples/app-vitest-full/components/ExportDefaultComponent.vue b/examples/app-vitest-full/components/ExportDefaultComponent.vue
index 34820af7b..21b19f3c6 100644
--- a/examples/app-vitest-full/components/ExportDefaultComponent.vue
+++ b/examples/app-vitest-full/components/ExportDefaultComponent.vue
@@ -3,6 +3,8 @@
     <h1>ExportDefaultComponent</h1>
     <pre>{{ myProp }}</pre>
     <pre>{{ setupMyProp }}</pre>
+    <span v-for="item in myArrayProp" :key="item">{{ item }}
+    </span>
   </div>
 </template>
 
@@ -22,6 +24,10 @@ export default {
       type: String,
       required: true,
     },
+    myArrayProp: {
+      type: Array as PropType<string[]>,
+      default: () => ([]),
+    },
   },
   setup(props) {
     return {
diff --git a/examples/app-vitest-full/components/ExportDefaultReturnsRenderComponent.vue b/examples/app-vitest-full/components/ExportDefaultReturnsRenderComponent.vue
index 23650a482..a1347acee 100644
--- a/examples/app-vitest-full/components/ExportDefaultReturnsRenderComponent.vue
+++ b/examples/app-vitest-full/components/ExportDefaultReturnsRenderComponent.vue
@@ -5,6 +5,10 @@ export default {
       type: String,
       required: true,
     },
+    myArrayProp: {
+      type: Array as PropType<string[]>,
+      default: () => ([]),
+    },
   },
   setup(props) {
     const pre = 'X' + props.myProp
@@ -12,6 +16,7 @@ export default {
       h('h1', 'ExportDefaultReturnsRenderComponent'),
       h('pre', props.myProp),
       h('pre', pre),
+      props.myArrayProp.map(item => h('span', item)),
     ])
   },
 }
diff --git a/examples/app-vitest-full/components/ExportDefaultWithRenderComponent.vue b/examples/app-vitest-full/components/ExportDefaultWithRenderComponent.vue
index 45ac1fb51..57d3a469c 100644
--- a/examples/app-vitest-full/components/ExportDefaultWithRenderComponent.vue
+++ b/examples/app-vitest-full/components/ExportDefaultWithRenderComponent.vue
@@ -5,6 +5,10 @@ export default {
       type: String,
       required: true,
     },
+    myArrayProp: {
+      type: Array as PropType<string[]>,
+      default: () => ([]),
+    },
   },
   setup(props) {
     return {
@@ -16,6 +20,7 @@ export default {
       h('h1', 'ExportDefaultWithRenderComponent'),
       h('pre', this.myProp),
       h('pre', this.setupMyProp),
+      this.myArrayProp.map(item => h('span', item)),
     ])
   },
 }
diff --git a/examples/app-vitest-full/components/ExportDefineComponent.vue b/examples/app-vitest-full/components/ExportDefineComponent.vue
index d1802358f..f8beabb80 100644
--- a/examples/app-vitest-full/components/ExportDefineComponent.vue
+++ b/examples/app-vitest-full/components/ExportDefineComponent.vue
@@ -3,6 +3,7 @@
     <h1>ExportDefineComponent</h1>
     <pre>{{ myProp }}</pre>
     <pre>{{ setupMyProp }}</pre>
+    <span v-for="item in myArrayProp" :key="item">{{ item }}</span>
   </div>
 </template>
 
@@ -22,6 +23,10 @@ export default defineComponent({
       type: String,
       required: true,
     },
+    myArrayProp: {
+      type: Array as PropType<string[]>,
+      default: () => ([]),
+    },
   },
   setup(props) {
     return {
diff --git a/examples/app-vitest-full/tests/nuxt/mount-suspended.spec.ts b/examples/app-vitest-full/tests/nuxt/mount-suspended.spec.ts
index 5e119d11f..28538d439 100644
--- a/examples/app-vitest-full/tests/nuxt/mount-suspended.spec.ts
+++ b/examples/app-vitest-full/tests/nuxt/mount-suspended.spec.ts
@@ -126,6 +126,7 @@ describe.each(Object.entries(formats))(`%s`, (name, component) => {
     wrapper = await mountSuspended(component, {
       props: {
         myProp: 'Hello nuxt-vitest',
+        myArrayProp: ['hello', 'nuxt', 'vitest'],
       },
     })
   })
@@ -133,7 +134,7 @@ describe.each(Object.entries(formats))(`%s`, (name, component) => {
   it('mounts with props', () => {
     expect(wrapper.html()).toEqual(`
 <div>
-  <h1>${name}</h1><pre>Hello nuxt-vitest</pre><pre>XHello nuxt-vitest</pre>
+  <h1>${name}</h1><pre>Hello nuxt-vitest</pre><pre>XHello nuxt-vitest</pre><span>hello</span><span>nuxt</span><span>vitest</span>
 </div>
     `.trim())
   })
@@ -144,7 +145,19 @@ describe.each(Object.entries(formats))(`%s`, (name, component) => {
     })
     expect(wrapper.html()).toEqual(`
 <div>
-  <h1>${name}</h1><pre>updated title</pre><pre>XHello nuxt-vitest</pre>
+  <h1>${name}</h1><pre>updated title</pre><pre>XHello nuxt-vitest</pre><span>hello</span><span>nuxt</span><span>vitest</span>
+</div>
+    `.trim())
+  })
+
+  it('can be updated array with setProps', async () => {
+    await wrapper.setProps({
+      myProp: 'updated title',
+      myArrayProp: ['updated', 'prop'],
+    })
+    expect(wrapper.html()).toEqual(`
+<div>
+  <h1>${name}</h1><pre>updated title</pre><pre>XHello nuxt-vitest</pre><span>updated</span><span>prop</span>
 </div>
     `.trim())
   })
diff --git a/src/runtime-utils/mount.ts b/src/runtime-utils/mount.ts
index c67e34024..12b8c9ee9 100644
--- a/src/runtime-utils/mount.ts
+++ b/src/runtime-utils/mount.ts
@@ -2,7 +2,7 @@ import { mount } from '@vue/test-utils'
 import type { ComponentMountingOptions } from '@vue/test-utils'
 import { Suspense, h, isReadonly, nextTick, reactive, unref } from 'vue'
 import type { DefineComponent, SetupContext } from 'vue'
-import { defu } from 'defu'
+import { defu, createDefu } from 'defu'
 import type { RouteLocationRaw } from 'vue-router'
 
 import { RouterLink } from './components/RouterLink'
@@ -134,7 +134,7 @@ export async function mountSuspended<T>(
                         setup: setup ? (props: Record<string, unknown>) => wrappedSetup(props, setupContext) : undefined,
                       }
 
-                      return () => h(clonedComponent, { ...defu(setProps, props) as typeof props, ...attrs }, slots)
+                      return () => h(clonedComponent, { ...defuReplaceArray(setProps, props) as typeof props, ...attrs }, slots)
                     },
                   }),
               },
@@ -167,3 +167,10 @@ interface AugmentedVueInstance {
   setupState?: Record<string, unknown>
   __setProps?: (props: Record<string, unknown>) => void
 }
+
+const defuReplaceArray = createDefu((obj, key, value) => {
+  if (Array.isArray(obj[key])) {
+    obj[key] = value
+    return true
+  }
+})

From 46c4eaa00227c636275c9c24d1e0a9c80f0b0a9d Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Sun, 30 Jun 2024 15:55:53 +0000
Subject: [PATCH 2/2] [autofix.ci] apply automated fixes

---
 .../app-vitest-full/components/ExportDefaultComponent.vue    | 5 ++++-
 .../app-vitest-full/components/ExportDefineComponent.vue     | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/examples/app-vitest-full/components/ExportDefaultComponent.vue b/examples/app-vitest-full/components/ExportDefaultComponent.vue
index 21b19f3c6..06b0c1648 100644
--- a/examples/app-vitest-full/components/ExportDefaultComponent.vue
+++ b/examples/app-vitest-full/components/ExportDefaultComponent.vue
@@ -3,7 +3,10 @@
     <h1>ExportDefaultComponent</h1>
     <pre>{{ myProp }}</pre>
     <pre>{{ setupMyProp }}</pre>
-    <span v-for="item in myArrayProp" :key="item">{{ item }}
+    <span
+      v-for="item in myArrayProp"
+      :key="item"
+    >{{ item }}
     </span>
   </div>
 </template>
diff --git a/examples/app-vitest-full/components/ExportDefineComponent.vue b/examples/app-vitest-full/components/ExportDefineComponent.vue
index f8beabb80..2f3978c93 100644
--- a/examples/app-vitest-full/components/ExportDefineComponent.vue
+++ b/examples/app-vitest-full/components/ExportDefineComponent.vue
@@ -3,7 +3,10 @@
     <h1>ExportDefineComponent</h1>
     <pre>{{ myProp }}</pre>
     <pre>{{ setupMyProp }}</pre>
-    <span v-for="item in myArrayProp" :key="item">{{ item }}</span>
+    <span
+      v-for="item in myArrayProp"
+      :key="item"
+    >{{ item }}</span>
   </div>
 </template>