diff --git a/examples/components-vue/playwright.config.ts b/examples/components-vue/playwright.config.ts
index c608e9398d..2ea0e59130 100644
--- a/examples/components-vue/playwright.config.ts
+++ b/examples/components-vue/playwright.config.ts
@@ -1,4 +1,4 @@
-import { PlaywrightTestConfig, devices } from '@playwright/test';
+import { type PlaywrightTestConfig, devices } from '@playwright/experimental-ct-vue';
 
 const config: PlaywrightTestConfig = {
   testDir: 'src',
diff --git a/examples/components-vue/src/components/Counter.spec.ts b/examples/components-vue/src/components/Counter.spec.ts
index dd71f84a9d..9c5613215e 100644
--- a/examples/components-vue/src/components/Counter.spec.ts
+++ b/examples/components-vue/src/components/Counter.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import Counter from './Counter.vue'
 
diff --git a/examples/components-vue/src/components/Counter.spec.tsx b/examples/components-vue/src/components/Counter.spec.tsx
index 00228aa0b0..60e18b1bf9 100644
--- a/examples/components-vue/src/components/Counter.spec.tsx
+++ b/examples/components-vue/src/components/Counter.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import Counter from './Counter.vue'
 
diff --git a/examples/components-vue/src/components/HelloWorld.spec.ts b/examples/components-vue/src/components/HelloWorld.spec.ts
index da3da28faa..b041f7c258 100644
--- a/examples/components-vue/src/components/HelloWorld.spec.ts
+++ b/examples/components-vue/src/components/HelloWorld.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import HelloWorld from './HelloWorld.vue'
 
diff --git a/examples/components-vue/src/components/HelloWorld.spec.tsx b/examples/components-vue/src/components/HelloWorld.spec.tsx
index 8c43b09358..8340a011f5 100644
--- a/examples/components-vue/src/components/HelloWorld.spec.tsx
+++ b/examples/components-vue/src/components/HelloWorld.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import HelloWorld from './HelloWorld.vue'
 
diff --git a/examples/components-vue/src/components/NamedSlots.spec.ts b/examples/components-vue/src/components/NamedSlots.spec.ts
index 579a14cec9..b230b7d038 100644
--- a/examples/components-vue/src/components/NamedSlots.spec.ts
+++ b/examples/components-vue/src/components/NamedSlots.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import NamedSlots from './NamedSlots.vue'
 
diff --git a/examples/components-vue/src/components/NamedSlots.spec.tsx b/examples/components-vue/src/components/NamedSlots.spec.tsx
index f69d34fdd8..891f8e4f1b 100644
--- a/examples/components-vue/src/components/NamedSlots.spec.tsx
+++ b/examples/components-vue/src/components/NamedSlots.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import NamedSlots from './NamedSlots.vue'
 
diff --git a/examples/components-vue/src/components/WelcomeItem.spec.tsx b/examples/components-vue/src/components/WelcomeItem.spec.tsx
index a4053aeceb..dfddb71dfe 100644
--- a/examples/components-vue/src/components/WelcomeItem.spec.tsx
+++ b/examples/components-vue/src/components/WelcomeItem.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import DocumentationIcon from './icons/IconDocumentation.vue'
 import WelcomeItem from './WelcomeItem.vue'
diff --git a/packages/html-reporter/playwright.config.ts b/packages/html-reporter/playwright.config.ts
index b4b0eed1ec..cb1ed7b480 100644
--- a/packages/html-reporter/playwright.config.ts
+++ b/packages/html-reporter/playwright.config.ts
@@ -14,20 +14,17 @@
  * limitations under the License.
  */
 
-import type { PlaywrightTestConfig } from '@playwright/test';
 import path from 'path';
-import { devices } from '@playwright/test';
+import type { PlaywrightTestConfig } from '@playwright/experimental-ct-react';
+import { devices } from '@playwright/experimental-ct-react';
 
 const config: PlaywrightTestConfig = {
   testDir: 'src',
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
-  reporter: process.env.CI ? [
-    ['html', { open: 'never' }],
-  ] : [
-    ['html', { open: 'on-failure' }]
-  ],
+  reporter: 'html',
   use: {
+    vitePort: 3101,
     trace: 'on-first-retry',
   },
   projects: [ ],
diff --git a/packages/html-reporter/src/chip.spec.tsx b/packages/html-reporter/src/chip.spec.tsx
index deeeb09a89..4306a5182f 100644
--- a/packages/html-reporter/src/chip.spec.tsx
+++ b/packages/html-reporter/src/chip.spec.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { expect, test } from '@playwright/experimental-ct-react/test';
+import { expect, test } from '@playwright/experimental-ct-react';
 import { AutoChip, Chip as LocalChip } from './chip';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/packages/html-reporter/src/headerView.spec.tsx b/packages/html-reporter/src/headerView.spec.tsx
index c7ca10ffdc..12ac7b903c 100644
--- a/packages/html-reporter/src/headerView.spec.tsx
+++ b/packages/html-reporter/src/headerView.spec.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { test, expect } from '@playwright/experimental-ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react';
 import { HeaderView } from './headerView';
 
 test.use({ viewport: { width: 720, height: 200 } });
diff --git a/packages/html-reporter/src/imageDiffView.spec.tsx b/packages/html-reporter/src/imageDiffView.spec.tsx
index 879abbb36f..bfd622d45d 100644
--- a/packages/html-reporter/src/imageDiffView.spec.tsx
+++ b/packages/html-reporter/src/imageDiffView.spec.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { test, expect } from '@playwright/experimental-ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react';
 import type { ImageDiff } from './imageDiffView';
 import { ImageDiffView } from './imageDiffView';
 
diff --git a/packages/html-reporter/src/testCaseView.spec.tsx b/packages/html-reporter/src/testCaseView.spec.tsx
index e0cc6466a0..4dedfecc0a 100644
--- a/packages/html-reporter/src/testCaseView.spec.tsx
+++ b/packages/html-reporter/src/testCaseView.spec.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { test, expect } from '@playwright/experimental-ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react';
 import { TestCaseView } from './testCaseView';
 import type { TestCase, TestResult } from '../../playwright-test/src/reporters/html';
 
diff --git a/packages/playwright-ct-react/.npmignore b/packages/playwright-ct-react/.npmignore
index c66a4966f3..062bf0594c 100644
--- a/packages/playwright-ct-react/.npmignore
+++ b/packages/playwright-ct-react/.npmignore
@@ -4,7 +4,5 @@
 !LICENSE
 !register.d.ts
 !register.mjs
-!test.d.ts
-!test.js
-!vitePlugin.d.ts
-!vitePlugin.js
+!index.d.ts
+!index.js
diff --git a/packages/playwright-ct-react/test.d.ts b/packages/playwright-ct-react/index.d.ts
similarity index 75%
rename from packages/playwright-ct-react/test.d.ts
rename to packages/playwright-ct-react/index.d.ts
index f4a591ce79..96d9d01eaa 100644
--- a/packages/playwright-ct-react/test.d.ts
+++ b/packages/playwright-ct-react/index.d.ts
@@ -17,11 +17,17 @@
 import type {
   TestType,
   PlaywrightTestArgs,
+  PlaywrightTestConfig as BasePlaywrightTestConfig,
   PlaywrightTestOptions,
   PlaywrightWorkerArgs,
   PlaywrightWorkerOptions,
   Locator,
 } from '@playwright/test';
+import type { InlineConfig } from 'vite';
+
+export type PlaywrightTestConfig = Omit<BasePlaywrightTestConfig, 'use'> & {
+  use: BasePlaywrightTestConfig['use'] & { vitePort?: number, viteConfig?: InlineConfig }
+};
 
 interface ComponentFixtures {
   mount(component: JSX.Element): Promise<Locator>;
@@ -31,4 +37,4 @@ export const test: TestType<
   PlaywrightTestArgs & PlaywrightTestOptions & ComponentFixtures,
   PlaywrightWorkerArgs & PlaywrightWorkerOptions>;
 
-export { expect } from '@playwright/test';
+export { expect, devices } from '@playwright/test';
diff --git a/packages/playwright-ct-react/test.js b/packages/playwright-ct-react/index.js
similarity index 75%
rename from packages/playwright-ct-react/test.js
rename to packages/playwright-ct-react/index.js
index a3e48480cb..646a4a5444 100644
--- a/packages/playwright-ct-react/test.js
+++ b/packages/playwright-ct-react/index.js
@@ -14,13 +14,16 @@
  * limitations under the License.
  */
 
-const { test: baseTest, expect, _addRunnerPlugin } = require('@playwright/test');
+const { test: baseTest, expect, devices, _addRunnerPlugin } = require('@playwright/test');
 const { mount } = require('@playwright/test/lib/mount');
-const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
 
-_addRunnerPlugin(createPlugin(
-  '@playwright/experimental-ct-react/register',
-  () => require('@vitejs/plugin-react')()));
+_addRunnerPlugin(() => {
+  // Only fetch upon request to avoid resolution in workers.
+  const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
+  return createPlugin(
+    '@playwright/experimental-ct-react/register',
+    () => require('@vitejs/plugin-react')());
+});
 
 const test = baseTest.extend({
   _workerPage: [async ({ browser }, use) => {
@@ -45,4 +48,4 @@ const test = baseTest.extend({
   },
 });
 
-module.exports = { test, expect };
+module.exports = { test, expect, devices };
diff --git a/packages/playwright-ct-react/package.json b/packages/playwright-ct-react/package.json
index 0d4190d770..7c14a7c275 100644
--- a/packages/playwright-ct-react/package.json
+++ b/packages/playwright-ct-react/package.json
@@ -14,7 +14,7 @@
   "license": "Apache-2.0",
   "exports": {
     "./register": "./register.mjs",
-    "./test": "./test.js"
+    ".": "./index.js"
   },
   "dependencies": {
     "@vitejs/plugin-react": "^1.0.7",
diff --git a/packages/playwright-ct-svelte/.npmignore b/packages/playwright-ct-svelte/.npmignore
index c66a4966f3..062bf0594c 100644
--- a/packages/playwright-ct-svelte/.npmignore
+++ b/packages/playwright-ct-svelte/.npmignore
@@ -4,7 +4,5 @@
 !LICENSE
 !register.d.ts
 !register.mjs
-!test.d.ts
-!test.js
-!vitePlugin.d.ts
-!vitePlugin.js
+!index.d.ts
+!index.js
diff --git a/packages/playwright-ct-svelte/test.d.ts b/packages/playwright-ct-svelte/index.d.ts
similarity index 77%
rename from packages/playwright-ct-svelte/test.d.ts
rename to packages/playwright-ct-svelte/index.d.ts
index 7ba8192589..ca7ac1ec29 100644
--- a/packages/playwright-ct-svelte/test.d.ts
+++ b/packages/playwright-ct-svelte/index.d.ts
@@ -17,11 +17,17 @@
 import type {
   TestType,
   PlaywrightTestArgs,
+  PlaywrightTestConfig as BasePlaywrightTestConfig,
   PlaywrightTestOptions,
   PlaywrightWorkerArgs,
   PlaywrightWorkerOptions,
   Locator,
 } from '@playwright/test';
+import type { InlineConfig } from 'vite';
+
+export type PlaywrightTestConfig = Omit<BasePlaywrightTestConfig, 'use'> & {
+  use: BasePlaywrightTestConfig['use'] & { vitePort?: number, viteConfig?: InlineConfig }
+};
 
 interface ComponentFixtures {
   mount(component: any, options?: {
@@ -35,4 +41,4 @@ export const test: TestType<
   PlaywrightTestArgs & PlaywrightTestOptions & ComponentFixtures,
   PlaywrightWorkerArgs & PlaywrightWorkerOptions>;
 
-export { expect } from '@playwright/test';
+export { expect, devices } from '@playwright/test';
diff --git a/packages/playwright-ct-svelte/test.js b/packages/playwright-ct-svelte/index.js
similarity index 74%
rename from packages/playwright-ct-svelte/test.js
rename to packages/playwright-ct-svelte/index.js
index a6a334ca38..b4713aea0e 100644
--- a/packages/playwright-ct-svelte/test.js
+++ b/packages/playwright-ct-svelte/index.js
@@ -14,13 +14,16 @@
  * limitations under the License.
  */
 
-const { test: baseTest, expect, _addRunnerPlugin } = require('@playwright/test');
+const { test: baseTest, expect, devices, _addRunnerPlugin } = require('@playwright/test');
 const { mount } = require('@playwright/test/lib/mount');
-const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
 
-_addRunnerPlugin(createPlugin(
-  '@playwright/experimental-ct-svelte/register',
-  () => require('@sveltejs/vite-plugin-svelte').svelte()));
+_addRunnerPlugin(() => {
+  // Only fetch upon request to avoid resolution in workers.
+  const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
+  return createPlugin(
+    '@playwright/experimental-ct-svelte/register',
+    () => require('@sveltejs/vite-plugin-svelte').svelte());
+});
 
 const test = baseTest.extend({
   _workerPage: [async ({ browser }, use) => {
@@ -45,4 +48,4 @@ const test = baseTest.extend({
   },
 });
 
-module.exports = { test, expect };
+module.exports = { test, expect, devices };
diff --git a/packages/playwright-ct-svelte/package.json b/packages/playwright-ct-svelte/package.json
index 1cabfa1887..7a698ce69b 100644
--- a/packages/playwright-ct-svelte/package.json
+++ b/packages/playwright-ct-svelte/package.json
@@ -14,7 +14,7 @@
   "license": "Apache-2.0",
   "exports": {
     "./register": "./register.mjs",
-    "./test": "./test.js"
+    ".": "./index.js"
   },
   "dependencies": {
     "@sveltejs/vite-plugin-svelte": "^1.0.0-next.30",
diff --git a/packages/playwright-ct-vue/.npmignore b/packages/playwright-ct-vue/.npmignore
index c66a4966f3..062bf0594c 100644
--- a/packages/playwright-ct-vue/.npmignore
+++ b/packages/playwright-ct-vue/.npmignore
@@ -4,7 +4,5 @@
 !LICENSE
 !register.d.ts
 !register.mjs
-!test.d.ts
-!test.js
-!vitePlugin.d.ts
-!vitePlugin.js
+!index.d.ts
+!index.js
diff --git a/packages/playwright-ct-vue/test.d.ts b/packages/playwright-ct-vue/index.d.ts
similarity index 78%
rename from packages/playwright-ct-vue/test.d.ts
rename to packages/playwright-ct-vue/index.d.ts
index fa1a14e567..cc5a58a08e 100644
--- a/packages/playwright-ct-vue/test.d.ts
+++ b/packages/playwright-ct-vue/index.d.ts
@@ -17,11 +17,17 @@
 import type {
   TestType,
   PlaywrightTestArgs,
+  PlaywrightTestConfig as BasePlaywrightTestConfig,
   PlaywrightTestOptions,
   PlaywrightWorkerArgs,
   PlaywrightWorkerOptions,
   Locator,
 } from '@playwright/test';
+import type { InlineConfig } from 'vite';
+
+export type PlaywrightTestConfig = Omit<BasePlaywrightTestConfig, 'use'> & {
+  use: BasePlaywrightTestConfig['use'] & { vitePort?: number, viteConfig?: InlineConfig }
+};
 
 interface ComponentFixtures {
   mount(component: JSX.Element): Promise<Locator>;
@@ -36,4 +42,4 @@ export const test: TestType<
   PlaywrightTestArgs & PlaywrightTestOptions & ComponentFixtures,
   PlaywrightWorkerArgs & PlaywrightWorkerOptions>;
 
-export { expect } from '@playwright/test';
+export { expect, devices } from '@playwright/test';
diff --git a/packages/playwright-ct-vue/test.js b/packages/playwright-ct-vue/index.js
similarity index 75%
rename from packages/playwright-ct-vue/test.js
rename to packages/playwright-ct-vue/index.js
index b47e6fa5b0..9a08ca28ae 100644
--- a/packages/playwright-ct-vue/test.js
+++ b/packages/playwright-ct-vue/index.js
@@ -14,13 +14,16 @@
  * limitations under the License.
  */
 
-const { test: baseTest, expect, _addRunnerPlugin } = require('@playwright/test');
+const { test: baseTest, expect, devices, _addRunnerPlugin } = require('@playwright/test');
 const { mount } = require('@playwright/test/lib/mount');
-const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
 
-_addRunnerPlugin(createPlugin(
-  '@playwright/experimental-ct-vue/register',
-  () => require('@vitejs/plugin-vue')()));
+_addRunnerPlugin(() => {
+  // Only fetch upon request to avoid resolution in workers.
+  const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
+  return createPlugin(
+    '@playwright/experimental-ct-vue/register',
+    () => require('@vitejs/plugin-vue')());
+});
 
 const test = baseTest.extend({
   _workerPage: [async ({ browser }, use) => {
@@ -45,4 +48,4 @@ const test = baseTest.extend({
   },
 });
 
-module.exports = { test, expect };
+module.exports = { test, expect, devices };
diff --git a/packages/playwright-ct-vue/package.json b/packages/playwright-ct-vue/package.json
index 639192b5ae..cc7a36e72c 100644
--- a/packages/playwright-ct-vue/package.json
+++ b/packages/playwright-ct-vue/package.json
@@ -14,7 +14,7 @@
   "license": "Apache-2.0",
   "exports": {
     "./register": "./register.mjs",
-    "./test": "./test.js"
+    ".": "./index.js"
   },
   "dependencies": {
     "@vitejs/plugin-vue": "^2.3.1",
diff --git a/packages/playwright-test/src/DEPS.list b/packages/playwright-test/src/DEPS.list
index 9c2d617d3e..c6fa7ed79c 100644
--- a/packages/playwright-test/src/DEPS.list
+++ b/packages/playwright-test/src/DEPS.list
@@ -4,4 +4,3 @@ matchers/
 reporters/
 third_party/
 plugins/
-plugins/webServerPlugin.ts
diff --git a/packages/playwright-test/src/plugins/index.ts b/packages/playwright-test/src/plugins/index.ts
index 6dab9bf383..b43a040058 100644
--- a/packages/playwright-test/src/plugins/index.ts
+++ b/packages/playwright-test/src/plugins/index.ts
@@ -33,8 +33,10 @@ export const setRunnerToAddPluginsTo = (runner: Runner) => {
   runnerInstanceToAddPluginsTo = runner;
 };
 
-export const addRunnerPlugin = (plugin: TestRunnerPlugin) => {
+export const addRunnerPlugin = (plugin: TestRunnerPlugin | (() => TestRunnerPlugin)) => {
   // Only present in runner, absent in worker.
-  if (runnerInstanceToAddPluginsTo)
+  if (runnerInstanceToAddPluginsTo) {
+    plugin = typeof plugin === 'function' ? plugin() : plugin;
     runnerInstanceToAddPluginsTo.addPlugin(plugin);
+  }
 };
diff --git a/packages/playwright-test/src/plugins/vitePlugin.ts b/packages/playwright-test/src/plugins/vitePlugin.ts
index d37c791007..fa1bd716bb 100644
--- a/packages/playwright-test/src/plugins/vitePlugin.ts
+++ b/packages/playwright-test/src/plugins/vitePlugin.ts
@@ -34,9 +34,9 @@ export function createPlugin(
     name: 'playwright-vite-plugin',
 
     setup: async (config: FullConfig, configDirectory: string, suite: Suite) => {
-      // TODO: declare and pick these from the config.
-      const viteConfig: InlineConfig = {};
-      const port = 3100;
+      const use = config.projects[0].use as any;
+      const viteConfig: InlineConfig = use.viteConfig || {};
+      const port = use.vitePort || 3100;
 
       configDir = configDirectory;
 
diff --git a/packages/web/playwright.config.ts b/packages/web/playwright.config.ts
index 79961e4998..19c070ef95 100644
--- a/packages/web/playwright.config.ts
+++ b/packages/web/playwright.config.ts
@@ -14,19 +14,16 @@
  * limitations under the License.
  */
 
-import type { PlaywrightTestConfig } from '@playwright/test';
-import { devices } from '@playwright/test';
+import type { PlaywrightTestConfig } from '@playwright/experimental-ct-react';
+import { devices } from '@playwright/experimental-ct-react';
 
 const config: PlaywrightTestConfig = {
   testDir: 'src',
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
-  reporter: process.env.CI ? [
-    ['html', { open: 'never' }],
-  ] : [
-    ['html', { open: 'on-failure' }]
-  ],
+  reporter: 'html',
   use: {
+    vitePort: 3102,
     trace: 'on-first-retry',
   },
   projects: [
diff --git a/packages/web/src/components/expandable.spec.tsx b/packages/web/src/components/expandable.spec.tsx
index 3138830063..ad69f33aed 100644
--- a/packages/web/src/components/expandable.spec.tsx
+++ b/packages/web/src/components/expandable.spec.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { expect, test } from '@playwright/experimental-ct-react/test';
+import { expect, test } from '@playwright/experimental-ct-react';
 import { Expandable } from './expandable';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/packages/web/src/components/source.spec.tsx b/packages/web/src/components/source.spec.tsx
index 7e31ae7642..ee2f8b2f18 100644
--- a/packages/web/src/components/source.spec.tsx
+++ b/packages/web/src/components/source.spec.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { expect, test } from '@playwright/experimental-ct-react/test';
+import { expect, test } from '@playwright/experimental-ct-react';
 import { Source } from './source';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/packages/web/src/components/splitView.spec.tsx b/packages/web/src/components/splitView.spec.tsx
index 8e5b30bae5..1a302b93dd 100644
--- a/packages/web/src/components/splitView.spec.tsx
+++ b/packages/web/src/components/splitView.spec.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { expect, test } from '@playwright/experimental-ct-react/test';
+import { expect, test } from '@playwright/experimental-ct-react';
 import { SplitView } from './splitView';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/tests/components/ct-react-vite/playwright.config.ts b/tests/components/ct-react-vite/playwright.config.ts
index 4cf7b00732..44fa94f4fa 100644
--- a/tests/components/ct-react-vite/playwright.config.ts
+++ b/tests/components/ct-react-vite/playwright.config.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { PlaywrightTestConfig, devices } from '@playwright/test';
+import { type PlaywrightTestConfig, devices } from '@playwright/experimental-ct-react';
 
 const config: PlaywrightTestConfig = {
   testDir: 'src',
diff --git a/tests/components/ct-react-vite/src/App.spec.tsx b/tests/components/ct-react-vite/src/App.spec.tsx
index ecdebd4b24..e920f642b9 100644
--- a/tests/components/ct-react-vite/src/App.spec.tsx
+++ b/tests/components/ct-react-vite/src/App.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react';
 import App from './App';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/tests/components/ct-react/playwright.config.ts b/tests/components/ct-react/playwright.config.ts
index 4cf7b00732..44fa94f4fa 100644
--- a/tests/components/ct-react/playwright.config.ts
+++ b/tests/components/ct-react/playwright.config.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { PlaywrightTestConfig, devices } from '@playwright/test';
+import { type PlaywrightTestConfig, devices } from '@playwright/experimental-ct-react';
 
 const config: PlaywrightTestConfig = {
   testDir: 'src',
diff --git a/tests/components/ct-react/src/App.spec.tsx b/tests/components/ct-react/src/App.spec.tsx
index 9ad8db27c8..9d7c57d828 100644
--- a/tests/components/ct-react/src/App.spec.tsx
+++ b/tests/components/ct-react/src/App.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react';
 import App from './App';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/tests/components/ct-svelte-kit/playwright.config.ts b/tests/components/ct-svelte-kit/playwright.config.ts
index fcb57e200d..ce93c2efee 100644
--- a/tests/components/ct-svelte-kit/playwright.config.ts
+++ b/tests/components/ct-svelte-kit/playwright.config.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import type { PlaywrightTestConfig } from '@playwright/test';
+import type { PlaywrightTestConfig } from '@playwright/experimental-ct-svelte';
 import { devices } from '@playwright/test';
 
 const config: PlaywrightTestConfig = {
diff --git a/tests/components/ct-svelte-kit/src/lib/Counter.spec.ts b/tests/components/ct-svelte-kit/src/lib/Counter.spec.ts
index f3536f9684..1e863cd250 100644
--- a/tests/components/ct-svelte-kit/src/lib/Counter.spec.ts
+++ b/tests/components/ct-svelte-kit/src/lib/Counter.spec.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { test, expect } from '@playwright/experimental-ct-svelte/test';
+import { test, expect } from '@playwright/experimental-ct-svelte';
 import Counter from './Counter.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/tests/components/ct-svelte-vite/playwright.config.ts b/tests/components/ct-svelte-vite/playwright.config.ts
index fcb57e200d..ce93c2efee 100644
--- a/tests/components/ct-svelte-vite/playwright.config.ts
+++ b/tests/components/ct-svelte-vite/playwright.config.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import type { PlaywrightTestConfig } from '@playwright/test';
+import type { PlaywrightTestConfig } from '@playwright/experimental-ct-svelte';
 import { devices } from '@playwright/test';
 
 const config: PlaywrightTestConfig = {
diff --git a/tests/components/ct-svelte-vite/src/lib/Counter.spec.ts b/tests/components/ct-svelte-vite/src/lib/Counter.spec.ts
index 9f53444daf..35a4a7dd81 100644
--- a/tests/components/ct-svelte-vite/src/lib/Counter.spec.ts
+++ b/tests/components/ct-svelte-vite/src/lib/Counter.spec.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { test, expect } from '@playwright/experimental-ct-svelte/test';
+import { test, expect } from '@playwright/experimental-ct-svelte';
 import Counter from './Counter.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/tests/components/ct-svelte/playwright.config.ts b/tests/components/ct-svelte/playwright.config.ts
index fcb57e200d..ce93c2efee 100644
--- a/tests/components/ct-svelte/playwright.config.ts
+++ b/tests/components/ct-svelte/playwright.config.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import type { PlaywrightTestConfig } from '@playwright/test';
+import type { PlaywrightTestConfig } from '@playwright/experimental-ct-svelte';
 import { devices } from '@playwright/test';
 
 const config: PlaywrightTestConfig = {
diff --git a/tests/components/ct-svelte/src/App.spec.ts b/tests/components/ct-svelte/src/App.spec.ts
index 2bde23e0d9..68223ddc06 100644
--- a/tests/components/ct-svelte/src/App.spec.ts
+++ b/tests/components/ct-svelte/src/App.spec.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { test, expect } from '@playwright/experimental-ct-svelte/test';
+import { test, expect } from '@playwright/experimental-ct-svelte';
 import App from './App.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });
diff --git a/tests/components/ct-vue-cli/playwright.config.ts b/tests/components/ct-vue-cli/playwright.config.ts
index 4cf7b00732..dbf9c593bd 100644
--- a/tests/components/ct-vue-cli/playwright.config.ts
+++ b/tests/components/ct-vue-cli/playwright.config.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { PlaywrightTestConfig, devices } from '@playwright/test';
+import { type PlaywrightTestConfig, devices } from '@playwright/experimental-ct-vue';
 
 const config: PlaywrightTestConfig = {
   testDir: 'src',
diff --git a/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx b/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
index 3de588f6d4..3ecea3cac2 100644
--- a/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'
 import NamedSlots from './components/NamedSlots.vue'
diff --git a/tests/components/ct-vue-cli/src/notation-vue.spec.ts b/tests/components/ct-vue-cli/src/notation-vue.spec.ts
index 06a50b2206..ae611bcdaf 100644
--- a/tests/components/ct-vue-cli/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-cli/src/notation-vue.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'
diff --git a/tests/components/ct-vue-vite/playwright.config.ts b/tests/components/ct-vue-vite/playwright.config.ts
index 4cf7b00732..dbf9c593bd 100644
--- a/tests/components/ct-vue-vite/playwright.config.ts
+++ b/tests/components/ct-vue-vite/playwright.config.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { PlaywrightTestConfig, devices } from '@playwright/test';
+import { type PlaywrightTestConfig, devices } from '@playwright/experimental-ct-vue';
 
 const config: PlaywrightTestConfig = {
   testDir: 'src',
diff --git a/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx b/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
index 0db137e400..4d604f5362 100644
--- a/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'
 import NamedSlots from './components/NamedSlots.vue'
diff --git a/tests/components/ct-vue-vite/src/notation-vue.spec.ts b/tests/components/ct-vue-vite/src/notation-vue.spec.ts
index 06a50b2206..ae611bcdaf 100644
--- a/tests/components/ct-vue-vite/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-vite/src/notation-vue.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue'
 
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'