test: add complex slot

package.json

@@ -62,15 +62,15 @@
   "devDependencies": {
     "@antfu/eslint-config": "^2.24.1",
     "@vitejs/plugin-vue": "^5.1.2",
-    "@vitest/browser": "^2.1.8",
+    "@vitest/browser": "^3.0.0",
     "bumpp": "^9.4.2",
     "changelogithub": "^0.13.9",
     "eslint": "^9.8.0",
     "playwright": "^1.46.0",
     "tsup": "^8.2.4",
     "tsx": "^4.16.5",
     "typescript": "^5.5.4",
-    "vitest": "^2.1.8",
+    "vitest": "^3.0.0",
     "vue": "^3.4.35",
     "zx": "^8.1.4"
   }

test/render.test.ts

@@ -1,6 +1,6 @@
 import { expect, test } from 'vitest'
 import { page } from '@vitest/browser/context'
-import { render } from '../src/index'
+import { render } from 'vitest-browser-vue'
 import HelloWorld from './fixtures/HelloWorld.vue'
 import Slot from './fixtures/Slot.vue'
 import Counter from './fixtures/Counter.vue'
@@ -26,8 +26,18 @@ test('renders counter', async () => {
 test('renders slot', async () => {
   const screen = render(Slot, {
     slots: {
+      // TODO: using slots prints "decodeEntities option is passed but will be ignored in non-browser builds."
       default: 'Hello World',
     },
   })
   await expect.element(screen.getByText('Hello World')).toBeVisible()
 })
+
+test('renders complex slot', async () => {
+  const screen = render(Slot, {
+    slots: {
+      default: '<button>Hello World</button>',
+    },
+  })
+  await expect.element(screen.getByRole('button', { name: 'Hello World' })).toBeVisible()
+})

vitest.config.ts

@@ -7,8 +7,14 @@ export default defineConfig({
     name: 'vue',
     browser: {
       enabled: true,
-      name: 'chromium',
+      headless: true,
       provider: 'playwright',
+      instances: [
+        { browser: 'chromium' },
+      ],
     },
   },
+  optimizeDeps: {
+    include: ['vitest-browser-vue'],
+  },
 })