fix(config): browser setup in defineVitestProject (#1724)

Author: yamachi4416

examples/app-vitest-workspace/app1/test/app.browser.spec.ts

@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'vitest'
+import { mountSuspended } from '@nuxt/test-utils/runtime'
+
+import { NuxtLink } from '#components'
+
+describe('app', () => {
+  it('useAppConfig', () => {
+    expect(Object.keys(useAppConfig())).toEqual(['nuxt'])
+  })
+
+  it('mountSuspended', async () => {
+    const wrapper = await mountSuspended(NuxtLink, {
+      slots: {
+        default: () => 'Hello',
+      },
+    })
+
+    expect(wrapper.text()).toBe('Hello')
+  })
+})

examples/app-vitest-workspace/app1/vitest.browser.config.ts

@@ -0,0 +1,20 @@
+import { fileURLToPath } from 'node:url'
+import { defineVitestProject } from '@nuxt/test-utils/config'
+import { playwright } from '@vitest/browser-playwright'
+
+export default defineVitestProject({
+  test: {
+    name: 'browser-app1',
+    include: ['**/*.browser.spec.ts'],
+    environmentOptions: {
+      nuxt: {
+        rootDir: fileURLToPath(new URL('.', import.meta.url)),
+      },
+    },
+    browser: {
+      enabled: true,
+      provider: playwright(),
+      instances: [{ browser: 'chromium' }],
+    },
+  },
+})

examples/app-vitest-workspace/package.json

@@ -21,6 +21,8 @@
   "devDependencies": {
     "@nuxt/test-utils": "latest",
     "@nuxt/ui": "4.9.0",
+    "@vitest/browser": "4.1.9",
+    "@vitest/browser-playwright": "4.1.9",
     "happy-dom": "20.10.6",
     "playwright-core": "1.61.1",
     "typescript": "6.0.3",