chore: update vitest imports and dependencies to use browser-playwright

spences10 · spences10 · commit bad6a435a1f4 · 2025-12-06T22:21:53.000Z
diff --git a/packages/sveltekit-embed/package.json b/packages/sveltekit-embed/package.json
@@ -85,7 +85,7 @@
 		"@sveltejs/kit": "^2.49.1",
 		"@sveltejs/package": "^2.3.11",
 		"@sveltejs/vite-plugin-svelte": "^6.2.1",
-		"@vitest/browser": "^4.0.15",
+		"@vitest/browser-playwright": "^4.0.15",
 		"@vitest/coverage-v8": "4.0.15",
 		"eslint": "^9.27.0",
 		"eslint-config-prettier": "^10.1.5",
diff --git a/packages/sveltekit-embed/src/lib/components/anchor-fm.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/anchor-fm.svelte.test.ts
@@ -1,5 +1,5 @@
 import AnchorFm from '$lib/components/anchor-fm.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/bluesky.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/bluesky.svelte.test.ts
@@ -1,4 +1,4 @@
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it, vi } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 import Bluesky from './bluesky.svelte';
diff --git a/packages/sveltekit-embed/src/lib/components/buzzsprout.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/buzzsprout.svelte.test.ts
@@ -1,5 +1,5 @@
 import Buzzsprout from '$lib/components/buzzsprout.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/code-pen.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/code-pen.svelte.test.ts
@@ -1,5 +1,5 @@
 import CodePen from '$lib/components/code-pen.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/deezer.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/deezer.svelte.test.ts
@@ -1,5 +1,5 @@
 import Deezer from '$lib/components/deezer.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/general-observer.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/general-observer.svelte.test.ts
@@ -7,7 +7,7 @@ import {
 	vi,
 } from 'vitest';
 import { render } from 'vitest-browser-svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 
 import GeneralObserver from './general-observer.svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/generic-embed.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/generic-embed.svelte.test.ts
@@ -1,7 +1,7 @@
 import GenericEmbed from '$lib/components/generic-embed.svelte';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 
 describe('GenericEmbed', () => {
 	it('mounts with default props', async () => {
diff --git a/packages/sveltekit-embed/src/lib/components/gist.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/gist.svelte.test.ts
@@ -1,5 +1,5 @@
 import Gist from '$lib/components/gist.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/guild.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/guild.svelte.test.ts
@@ -1,5 +1,5 @@
 import Guild from '$lib/components/guild.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/relive.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/relive.svelte.test.ts
@@ -1,5 +1,5 @@
 import Relive from '$lib/components/relive.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/simple-cast.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/simple-cast.svelte.test.ts
@@ -1,5 +1,5 @@
 import SimpleCast from '$lib/components/simple-cast.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/slides.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/slides.svelte.test.ts
@@ -1,7 +1,7 @@
 import Slides from '$lib/components/slides.svelte';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 
 describe('Slides', () => {
 	it('mounts with default props', async () => {
diff --git a/packages/sveltekit-embed/src/lib/components/sound-cloud.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/sound-cloud.svelte.test.ts
@@ -1,5 +1,5 @@
 import SoundCloud from '$lib/components/sound-cloud.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/spotify.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/spotify.svelte.test.ts
@@ -1,5 +1,5 @@
 import Spotify from '$lib/components/spotify.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/stackblitz.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/stackblitz.svelte.test.ts
@@ -1,7 +1,7 @@
 import StackBlitz from '$lib/components/stackblitz.svelte';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 
 describe('StackBlitz', () => {
 	it('mounts with default props', async () => {
diff --git a/packages/sveltekit-embed/src/lib/components/tiktok.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/tiktok.svelte.test.ts
@@ -1,5 +1,5 @@
 import TikTok from '$lib/components/tiktok.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/toot.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/toot.svelte.test.ts
@@ -1,5 +1,5 @@
 import Toot from '$lib/components/toot.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it, vi } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/tweet.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/tweet.svelte.test.ts
@@ -1,5 +1,5 @@
 import Tweet from '$lib/components/tweet.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it, vi } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/vimeo.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/vimeo.svelte.test.ts
@@ -1,5 +1,5 @@
 import Vimeo from '$lib/components/vimeo.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/src/lib/components/you-tube.svelte.test.ts b/packages/sveltekit-embed/src/lib/components/you-tube.svelte.test.ts
@@ -1,5 +1,5 @@
 import YouTube from '$lib/components/you-tube.svelte';
-import { page } from '@vitest/browser/context';
+import { page } from 'vitest/browser';
 import { describe, expect, it } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 
diff --git a/packages/sveltekit-embed/vite.config.ts b/packages/sveltekit-embed/vite.config.ts
@@ -1,5 +1,5 @@
 import { sveltekit } from '@sveltejs/kit/vite';
-import { playwright } from '@vitest/browser/playwright';
+import { playwright } from '@vitest/browser-playwright';
 import { defineConfig } from 'vite';
 import { coverageConfigDefaults } from 'vitest/config';
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { page } from '@vitest/browser/context';`
	`1`	`+import { page } from 'vitest/browser';`
`2`	`2`	`import { describe, expect, it, vi } from 'vitest';`
`3`	`3`	`import { render } from 'vitest-browser-svelte';`
`4`	`4`	`import Bluesky from './bluesky.svelte';`