From 93925150a43a0c1cf0bfa7eeca9f5b21cf879ecc Mon Sep 17 00:00:00 2001 From: yamachi4416 Date: Tue, 16 Jun 2026 01:37:05 +0900 Subject: [PATCH 1/2] feat(browser): add render helper for vitest browser mode --- examples/app-vitest-browser/app.vue | 6 - examples/app-vitest-browser/app/app.vue | 5 + .../app/components/Header.vue | 14 + .../{ => app}/components/MyCounter.vue | 10 +- .../app/components/MyHello.vue | 21 + .../app/composables/useCounter.ts | 13 + .../app/composables/useHelloApi.ts | 14 + .../app/layouts/default.vue | 13 + .../app/pages/components.vue | 21 + .../app/pages/components/counter.vue | 9 + .../app/pages/components/hello.vue | 12 + .../app-vitest-browser/app/pages/index.vue | 15 + examples/app-vitest-browser/nuxt.config.ts | 7 + .../server/api/hello.get.ts | 7 + .../nuxt/components/mock-nuxt-import.spec.ts | 45 ++ .../components}/mount-suspended.spec.ts | 6 +- .../nuxt/components/render-with-fetch.spec.ts | 41 ++ .../test/nuxt/components/render.spec.ts | 31 + .../components/render.vue.spec.ts} | 6 +- .../pages/render-components-hello.spec.ts | 56 ++ .../test/nuxt/pages/render-index.spec.ts | 45 ++ examples/app-vitest-browser/tsconfig.json | 18 +- examples/app-vitest-browser/vitest.config.ts | 2 +- .../app-vitest-workspace/app3/nuxt.config.ts | 5 + .../app3/test/browser/render.spec.ts | 42 ++ .../app3/vitest.browser.config.ts | 23 + .../app3/vitest.config.ts | 3 +- examples/app-vitest-workspace/package.json | 5 +- package.json | 17 +- pnpm-lock.yaml | 559 ++++++++++++++---- src/runtime-utils/utils/suspended.ts | 7 +- src/vitest-browser-nuxt/index.ts | 20 + src/vitest-browser-nuxt/pure.ts | 66 +++ tsdown.config.ts | 2 + 34 files changed, 1027 insertions(+), 139 deletions(-) delete mode 100644 examples/app-vitest-browser/app.vue create mode 100644 examples/app-vitest-browser/app/app.vue create mode 100644 examples/app-vitest-browser/app/components/Header.vue rename examples/app-vitest-browser/{ => app}/components/MyCounter.vue (73%) create mode 100644 examples/app-vitest-browser/app/components/MyHello.vue create mode 100644 examples/app-vitest-browser/app/composables/useCounter.ts create mode 100644 examples/app-vitest-browser/app/composables/useHelloApi.ts create mode 100644 examples/app-vitest-browser/app/layouts/default.vue create mode 100644 examples/app-vitest-browser/app/pages/components.vue create mode 100644 examples/app-vitest-browser/app/pages/components/counter.vue create mode 100644 examples/app-vitest-browser/app/pages/components/hello.vue create mode 100644 examples/app-vitest-browser/app/pages/index.vue create mode 100644 examples/app-vitest-browser/server/api/hello.get.ts create mode 100644 examples/app-vitest-browser/test/nuxt/components/mock-nuxt-import.spec.ts rename examples/app-vitest-browser/test/{ => nuxt/components}/mount-suspended.spec.ts (86%) create mode 100644 examples/app-vitest-browser/test/nuxt/components/render-with-fetch.spec.ts create mode 100644 examples/app-vitest-browser/test/nuxt/components/render.spec.ts rename examples/app-vitest-browser/test/{component.test.ts => nuxt/components/render.vue.spec.ts} (79%) create mode 100644 examples/app-vitest-browser/test/nuxt/pages/render-components-hello.spec.ts create mode 100644 examples/app-vitest-browser/test/nuxt/pages/render-index.spec.ts create mode 100644 examples/app-vitest-workspace/app3/test/browser/render.spec.ts create mode 100644 examples/app-vitest-workspace/app3/vitest.browser.config.ts create mode 100644 src/vitest-browser-nuxt/index.ts create mode 100644 src/vitest-browser-nuxt/pure.ts diff --git a/examples/app-vitest-browser/app.vue b/examples/app-vitest-browser/app.vue deleted file mode 100644 index 1214e5b39..000000000 --- a/examples/app-vitest-browser/app.vue +++ /dev/null @@ -1,6 +0,0 @@ - diff --git a/examples/app-vitest-browser/app/app.vue b/examples/app-vitest-browser/app/app.vue new file mode 100644 index 000000000..f8eacfa73 --- /dev/null +++ b/examples/app-vitest-browser/app/app.vue @@ -0,0 +1,5 @@ + diff --git a/examples/app-vitest-browser/app/components/Header.vue b/examples/app-vitest-browser/app/components/Header.vue new file mode 100644 index 000000000..74f07b118 --- /dev/null +++ b/examples/app-vitest-browser/app/components/Header.vue @@ -0,0 +1,14 @@ + + + diff --git a/examples/app-vitest-browser/components/MyCounter.vue b/examples/app-vitest-browser/app/components/MyCounter.vue similarity index 73% rename from examples/app-vitest-browser/components/MyCounter.vue rename to examples/app-vitest-browser/app/components/MyCounter.vue index 8e996c21c..e3adad54a 100644 --- a/examples/app-vitest-browser/components/MyCounter.vue +++ b/examples/app-vitest-browser/app/components/MyCounter.vue @@ -12,14 +12,6 @@ diff --git a/examples/app-vitest-browser/app/components/MyHello.vue b/examples/app-vitest-browser/app/components/MyHello.vue new file mode 100644 index 000000000..4c846f1f8 --- /dev/null +++ b/examples/app-vitest-browser/app/components/MyHello.vue @@ -0,0 +1,21 @@ + + +