fix: clean up wrappers when calling renderSuspended

nuxt · Dec 5, 2023 · 5b18911 · 5b18911
1 parent 8a6a052
commit 5b18911
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/examples/app-vitest-full/nuxt.config.ts b/examples/app-vitest-full/nuxt.config.ts
@@ -1,5 +1,6 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
+  devtools: { enabled: true },
   modules: ['@nuxt/test-utils/module', '~/modules/custom'],
   vitest: {
     startOnBoot: true,

diff --git a/src/runtime-utils/render.ts b/src/runtime-utils/render.ts
@@ -71,6 +71,9 @@ export async function renderSuspended<T>(
   const { vueApp } = globalThis.__unctx__.get('nuxt-app').tryUse()
   const { render, setup } = component as DefineComponent<any, any>
 
+  // cleanup previously mounted test wrappers
+  document.querySelector(`#${WRAPPER_EL_ID}`)?.remove()
+
   let setupContext: SetupContext
 
   return new Promise<ReturnType<typeof renderFromTestingLibrary>>(resolve => {