use vitest for browser test

Author: zhiyuanliang-ms

src/feature-management/package-lock.json

@@ -31,7 +31,7 @@
     "lint": "eslint src/ test/ --ignore-pattern test/browser/testcases.js",
     "fix-lint": "eslint src/ test/ --fix --ignore-pattern test/browser/testcases.js",
     "test": "mocha out/esm/test/*.test.js out/commonjs/test/*.test.js --parallel",
-    "test-browser": "npx playwright install chromium && npx playwright test"
+    "test-browser": "vitest --config vitest.browser.config.ts run"
   },
   "repository": {
     "type": "git",
@@ -46,7 +46,6 @@
   },
   "homepage": "https://github.com/microsoft/FeatureManagement-JavaScript#readme",
   "devDependencies": {
-    "@playwright/test": "^1.55.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/chai": "^5.2.2",
     "@types/chai-as-promised": "8.0.2",
@@ -64,6 +63,9 @@
     "rollup-plugin-dts": "^6.2.3",
     "sinon": "^21.0.0",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.2",
+    "vitest": "^3.2.4",
+    "@vitest/browser": "^3.2.4",
+    "playwright": "^1.55.0"
   }
 }

src/feature-management/package.json

@@ -0,0 +1,20 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    browser: {
+      enabled: true,
+      provider: "playwright",
+      instances: [
+        { browser: "chromium" },
+      ],
+    },
+    include: ["out/esm/test/**/*.test.js"],
+    testTimeout: 100_000,
+    hookTimeout: 100_000,
+    reporters: "default",
+    globals: true,
+    // Provide Mocha-style hooks as globals
+    setupFiles: ["./vitest.setup.mjs"],
+  },
+});

src/feature-management/playwright.config.ts

@@ -0,0 +1,7 @@
+// Vitest setup file to provide Mocha-compatible APIs
+import { beforeAll, afterAll } from "vitest";
+
+// Make Mocha-style hooks available globally
+// Note: beforeEach and afterEach are already available as globals in Vitest
+globalThis.before = beforeAll;
+globalThis.after = afterAll;