Changes to get vite testing to pass

Author: alan412

package-lock.json

@@ -61,6 +61,8 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/semver": "^7.7.0",
     "@vitejs/plugin-react": "^5.0.4",
+    "@vitest/browser": "^4.0.8",
+    "@vitest/browser-playwright": "^4.0.8",
     "autoprefixer": "^10.4.21",
     "playwright": "^1.54.1",
     "postcss": "^8.5.6",

package.json

@@ -1,7 +1,8 @@
 /// <reference types="vitest" />
 /// <reference types="@vitest/browser/matchers" />
-import { defineConfig } from "vite";
+import { defineConfig } from "vitest/config";
 import { viteStaticCopy } from "vite-plugin-static-copy";
+import { playwright } from '@vitest/browser-playwright'
 import react from "@vitejs/plugin-react";
 import tsconfigPaths from "vite-tsconfig-paths";
 
@@ -29,12 +30,13 @@ export default defineConfig({
   },
   test: {
     setupFiles: ['./tests/setupTests.ts'],
-
     browser: {
-      provider: "playwright",
       enabled: true,
-      instances: [{ browser: "chromium" }],
+      provider: playwright(),
       headless: true,
+      instances: [
+        { browser: 'chromium' },
+      ]
     },
   },
 });