wip: Vitest 4 preview integration (not working yet)

package.json

@@ -17,7 +17,7 @@
 		"@changesets/cli": "^2.29.7",
 		"@types/node": "^22.18.10",
 		"prettier": "^3.6.2",
-		"vitest": "^3.2.4"
+		"vitest": "https://pkg.pr.new/vitest@8950"
 	},
 	"pnpm": {
 		"overrides": {

packages/vitest-browser-astro/package.json

@@ -33,7 +33,6 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@vitest/browser": "^3.2.4",
     "devalue": "^5.3.2"
   },
   "devDependencies": {
@@ -43,19 +42,20 @@
     "@types/node": "^22.18.10",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
+    "@vitest/browser-playwright": "https://pkg.pr.new/@vitest/browser-playwright@8950",
     "astro": "^5.14.4",
     "publint": "^0.3.14",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tsdown": "^0.15.6",
     "typescript": "^5.9.3",
     "vite": "^6.0.11",
-    "vitest": "^3.2.4"
+    "vitest": "https://pkg.pr.new/vitest@8950"
   },
   "peerDependencies": {
     "astro": "^5.x",
     "vite": "^6.x",
-    "vitest": "^3.x"
+    "vitest": "^4.x"
   },
   "repository": {
     "type": "git",

packages/vitest-browser-astro/src/index.ts

@@ -1,4 +1,4 @@
-import { commands } from "@vitest/browser/context";
+import { commands } from "vitest/browser";
 import { beforeEach } from "vitest";
 import { stringify } from "devalue";
 import type { AstroComponentFactory } from "astro/runtime/server/index.js";
@@ -75,7 +75,7 @@ beforeEach(async () => {
 });
 
 // Extend Vitest browser context types
-declare module "@vitest/browser/context" {
+declare module "vitest/browser" {
 	interface BrowserCommands {
 		renderAstro: (
 			componentPath: string,

packages/vitest-browser-astro/src/pure.ts

@@ -1,8 +1,10 @@
-import { getElementLocatorSelectors } from "@vitest/browser/utils";
-import type { Locator } from "@vitest/browser/context";
+import { utils } from "vitest/browser";
+import type { Locator } from "vitest/browser";
 import { expect } from "vitest";
 import type { RenderOptions, RenderResult } from "./types";
 
+const { getElementLocatorSelectors } = utils;
+
 const mountedContainers = new Set<HTMLElement>();
 
 /**

packages/vitest-browser-astro/src/types.ts

@@ -1,4 +1,4 @@
-import type { Locator, LocatorSelectors } from "@vitest/browser/context";
+import type { Locator, LocatorSelectors } from "vitest/browser";
 
 /**
  * Metadata object that replaces .astro imports in browser context

packages/vitest-browser-astro/test/fixtures/astro-site/package.json

@@ -24,7 +24,7 @@
 	},
 	"devDependencies": {
 		"@playwright/test": "^1.49.0",
-		"@vitest/browser": "^3.2.4",
-		"vitest": "^3.2.4"
+		"@vitest/browser-playwright": "https://pkg.pr.new/@vitest/browser-playwright@8950",
+		"vitest": "https://pkg.pr.new/vitest@8950"
 	}
 }

packages/vitest-browser-astro/test/fixtures/astro-site/test/browser.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect, beforeEach } from "vitest";
-import { userEvent } from "@vitest/browser/context";
+import { userEvent } from "vitest/browser";
 import { render, waitForHydration } from "vitest-browser-astro";
 import SimpleCard from "../src/components/SimpleCard.astro";
 import WithSlots from "../src/components/WithSlots.astro";

packages/vitest-browser-astro/test/fixtures/astro-site/vitest.browser.config.ts

@@ -1,5 +1,6 @@
 /// <reference types="vitest" />
 import { getViteConfig } from "astro/config";
+import { playwright } from "@vitest/browser-playwright";
 import { astroRenderer } from "vitest-browser-astro/plugin";
 import { getContainerRenderer as getReactRenderer } from "@astrojs/react";
 import { getContainerRenderer as getVueRenderer } from "@astrojs/vue";
@@ -8,7 +9,7 @@ import { getContainerRenderer as getSvelteRenderer } from "@astrojs/svelte";
 export default getViteConfig({
 	plugins: [
 		astroRenderer({
-			renderers: [getReactRenderer(), getVueRenderer(), getSvelteRenderer()],
+			// renderers: [getReactRenderer(), getVueRenderer(), getSvelteRenderer()],
 		}),
 	],
 	test: {
@@ -17,7 +18,7 @@ export default getViteConfig({
 		browser: {
 			enabled: true,
 			instances: [{ browser: "chromium" }],
-			provider: "playwright",
+			provider: playwright(),
 			headless: true,
 		},
 	},