feat(runtime-utils): support rerender behavior in renderSuspended (#1466)

Author: yamachi4416

examples/app-vitest-full/tests/nuxt/render-suspended.spec.ts

@@ -253,6 +253,24 @@ describe.each(Object.entries(formats))(`%s`, (name, component) => {
   <div>
     <h1>${name}</h1><pre>Hello nuxt-vitest</pre><pre>XHello nuxt-vitest</pre><span>myObjProp: {"title":"Hello nuxt/test-utils"}</span>
   </div>
+</div>
+    `.trim())
+  })
+
+  it('rerender props', async () => {
+    const wrapper = await renderSuspended(component, {
+      props: {
+        myProp: 'init',
+      },
+    })
+
+    await wrapper.rerender({ myProp: 'change' })
+
+    expect(wrapper.html()).toEqual(`
+<div id="test-wrapper">
+  <div>
+    <h1>${name}</h1><pre>change</pre><pre>Xinit</pre><span>myObjProp: {}</span>
+  </div>
 </div>
     `.trim())
   })

src/runtime-utils/render.ts

@@ -66,6 +66,7 @@ export async function renderSuspended<T>(component: T, options?: RenderOptions<T
 
   let setupContext: SetupContext
   let setupState: SetupState
+  const setProps = reactive<Record<string, unknown>>({})
 
   let interceptedEmit: Emit | null = null
   /**
@@ -161,6 +162,10 @@ export async function renderSuspended<T>(component: T, options?: RenderOptions<T
                   onResolve: () =>
                     nextTick().then(() => {
                       (utils as unknown as AugmentedVueInstance).setupState = setupState
+                      utils.rerender = async (props) => {
+                        Object.assign(setProps, props)
+                        await nextTick()
+                      }
                       resolve(utils as ReturnType<typeof renderFromTestingLibrary> & { setupState: SetupState })
                     }),
                 },
@@ -232,7 +237,7 @@ export async function renderSuspended<T>(component: T, options?: RenderOptions<T
                           setup: (props: Record<string, unknown>) => wrappedSetup(props, setupContext),
                         }
 
-                        return () => h(clonedComponent, { ...(props && typeof props === 'object' ? props : {}), ...attrs }, slots)
+                        return () => h(clonedComponent, { ...(props && typeof props === 'object' ? props : {}), ...setProps, ...attrs }, slots)
                       },
                     }),
                 },