feat(migration): support @vitest/browser-preview and @vitest/browser-webdriverio

Add rewrite rules for additional vitest browser packages:
- @vitest/browser-preview → @voidzero-dev/vite-plus/test/browser-preview
- @vitest/browser-webdriverio → @voidzero-dev/vite-plus/test/browser-webdriverio

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: fengmk2

crates/vite_migration/src/import_rewriter.rs

@@ -16,6 +16,10 @@ use crate::{ast_grep, file_walker};
 /// - `import { ... } from '@vitest/browser/{name}'` → `import { ... } from '@voidzero-dev/vite-plus/test/browser/{name}'`
 /// - `import { ... } from '@vitest/browser-playwright'` → `import { ... } from '@voidzero-dev/vite-plus/test/browser-playwright'`
 /// - `import { ... } from '@vitest/browser-playwright/{name}'` → `import { ... } from '@voidzero-dev/vite-plus/test/browser-playwright/{name}'`
+/// - `import { ... } from '@vitest/browser-preview'` → `import { ... } from '@voidzero-dev/vite-plus/test/browser-preview'`
+/// - `import { ... } from '@vitest/browser-preview/{name}'` → `import { ... } from '@voidzero-dev/vite-plus/test/browser-preview/{name}'`
+/// - `import { ... } from '@vitest/browser-webdriverio'` → `import { ... } from '@voidzero-dev/vite-plus/test/browser-webdriverio'`
+/// - `import { ... } from '@vitest/browser-webdriverio/{name}'` → `import { ... } from '@voidzero-dev/vite-plus/test/browser-webdriverio/{name}'`
 const REWRITE_IMPORT_RULES: &str = r#"---
 id: rewrite-vitest-config-import
 language: TypeScript
@@ -70,7 +74,7 @@ language: TypeScript
 rule:
   pattern: $STR
   kind: string
-  regex: ^['"]@vitest/(browser-playwright|browser)(/.*)?['"]$
+  regex: ^['"]@vitest/(browser-playwright|browser-preview|browser-webdriverio|browser)(/.*)?['"]$
   inside:
     kind: import_statement
 transform:
@@ -509,6 +513,70 @@ export default something;"#;
             result.content,
             r#"import { something } from "@voidzero-dev/vite-plus/test/browser-playwright/context";
 
+export default something;"#
+        );
+    }
+
+    #[test]
+    fn test_rewrite_import_content_vitest_browser_preview() {
+        let vite_config = r#"import { preview } from '@vitest/browser-preview';
+
+export default preview;"#;
+
+        let result = rewrite_import_content(vite_config).unwrap();
+        assert!(result.updated);
+        assert_eq!(
+            result.content,
+            r#"import { preview } from '@voidzero-dev/vite-plus/test/browser-preview';
+
+export default preview;"#
+        );
+    }
+
+    #[test]
+    fn test_rewrite_import_content_vitest_browser_preview_subpath() {
+        let vite_config = r#"import { something } from "@vitest/browser-preview/context";
+
+export default something;"#;
+
+        let result = rewrite_import_content(vite_config).unwrap();
+        assert!(result.updated);
+        assert_eq!(
+            result.content,
+            r#"import { something } from "@voidzero-dev/vite-plus/test/browser-preview/context";
+
+export default something;"#
+        );
+    }
+
+    #[test]
+    fn test_rewrite_import_content_vitest_browser_webdriverio() {
+        let vite_config = r#"import { webdriverio } from '@vitest/browser-webdriverio';
+
+export default webdriverio;"#;
+
+        let result = rewrite_import_content(vite_config).unwrap();
+        assert!(result.updated);
+        assert_eq!(
+            result.content,
+            r#"import { webdriverio } from '@voidzero-dev/vite-plus/test/browser-webdriverio';
+
+export default webdriverio;"#
+        );
+    }
+
+    #[test]
+    fn test_rewrite_import_content_vitest_browser_webdriverio_subpath() {
+        let vite_config = r#"import { something } from "@vitest/browser-webdriverio/context";
+
+export default something;"#;
+
+        let result = rewrite_import_content(vite_config).unwrap();
+        assert!(result.updated);
+        assert_eq!(
+            result.content,
+            r#"import { something } from "@voidzero-dev/vite-plus/test/browser-webdriverio/context";
+
 export default something;"#
         );
     }

crates/vite_migration/src/vite_config.rs

@@ -542,10 +542,21 @@ export default defineConfig({});"#;
 }"#;
 
         let result = merge_json_config_content(vite_config, oxlint_config, "lint").unwrap();
+        assert_eq!(
+            result.content,
+            r#"import { defineConfig } from 'vite';
+
+export default defineConfig({
+  lint: {
+    rules: {
+      'no-console': 'warn',
+    },
+  },
+  
+});"#
+        );
         assert!(result.updated);
         assert!(!result.uses_function_callback);
-        assert!(result.content.contains("lint: {"));
-        assert!(result.content.contains("'no-console': 'warn'"));
     }
 
     #[test]

packages/global/snap-tests/migration-from-vitest/snap.txt

@@ -21,6 +21,8 @@ import { join } from 'node:path';
 import { foo } from '@foo/vite-plugin-foo';
 import { playwright } from '@voidzero-dev/vite-plus/test/browser-playwright';
 import { server } from '@voidzero-dev/vite-plus/test/browser-playwright/context';
+import { preview } from '@voidzero-dev/vite-plus/test/browser-preview';
+import { webdriverio } from '@voidzero-dev/vite-plus/test/browser-webdriverio';
 import { userEvent } from '@voidzero-dev/vite-plus/test/browser/context';
 import { defineConfig } from '@voidzero-dev/vite-plus';
 

packages/global/snap-tests/migration-from-vitest/vitest.config.ts

@@ -3,6 +3,8 @@ import { join } from 'node:path';
 import { foo } from '@foo/vite-plugin-foo';
 import { playwright } from '@vitest/browser-playwright';
 import { server } from '@vitest/browser-playwright/context';
+import { preview } from '@vitest/browser-preview';
+import { webdriverio } from '@vitest/browser-webdriverio';
 import { userEvent } from '@vitest/browser/context';
 import { defineConfig } from 'vitest/config';
 

packages/global/snap-tests/migration-merge-vite-config-ts/snap.txt

@@ -11,16 +11,18 @@
 │
 ◆  ✅ Merged .oxfmtrc.json into vite.config.ts
 │
-◆  ✅ Rewrote imports in 2 file(s)
+◆  ✅ Rewrote imports in 1 file(s)
 │
 ●    vite.config.ts
-│    vitest.config.ts
 │
 └  ✨ Migration completed!
 
 
 > cat vite.config.ts # check vite.config.ts
+import { join } from 'node:path';
+
 import react from '@vitejs/plugin-react';
+import { playwright } from '@voidzero-dev/vite-plus/test/browser-playwright';
 import { defineConfig } from '@voidzero-dev/vite-plus';
 
 export default defineConfig({
@@ -37,17 +39,6 @@ export default defineConfig({
     },
   },
   plugins: [react()],
-});
-
-> cat vitest.config.ts # check vitest.config.ts
-import { join } from 'node:path';
-
-import { foo } from '@foo/vite-plugin-foo';
-import { playwright } from '@voidzero-dev/vite-plus/test/browser-playwright';
-import { defineConfig } from '@voidzero-dev/vite-plus';
-
-export default defineConfig({
-  plugins: [foo()],
   test: {
     dir: join(import.meta.dirname, 'test'),
     browser: {

packages/global/snap-tests/migration-merge-vite-config-ts/steps.json

@@ -5,7 +5,6 @@
   "commands": [
     "vp migration # migration should merge vite.config.ts and remove oxlintrc and oxfmtrc",
     "cat vite.config.ts # check vite.config.ts",
-    "cat vitest.config.ts # check vitest.config.ts",
     "cat .oxlintrc.json && exit 1 || true # check .oxlintrc.json is removed",
     "cat .oxfmtrc.json && exit 1 || true # check .oxfmtrc.json is removed",
     "cat package.json # check package.json"

packages/global/snap-tests/migration-merge-vite-config-ts/vite.config.ts

@@ -1,6 +1,19 @@
+import { join } from 'node:path';
+
 import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
+import { playwright } from '@vitest/browser-playwright';
+import { defineConfig } from 'vitest/config';
 
 export default defineConfig({
   plugins: [react()],
+  test: {
+    dir: join(import.meta.dirname, 'test'),
+    browser: {
+      enabled: true,
+      provider: playwright(),
+      headless: true,
+      screenshotFailures: false,
+      instances: [{ browser: 'chromium' }],
+    },
+  },
 });

packages/global/snap-tests/migration-merge-vite-config-ts/vitest.config.ts

@@ -36,7 +36,9 @@ const REMOVE_PACKAGES = [
   'oxlint-tsgolint',
   'oxfmt',
   '@vitest/browser',
+  '@vitest/browser-preview',
   '@vitest/browser-playwright',
+  '@vitest/browser-webdriverio',
 ] as const;
 
 export function checkViteVersion(projectPath: string): boolean {