Add vitest configuration and update project settings for vps-web

Author: devhelpr

apps/vps-web/project.json

@@ -43,7 +43,8 @@
       "outputs": ["{workspaceRoot}/coverage/apps/vps-web"],
       "options": {
         "passWithNoTests": true,
-        "reportsDirectory": "../../coverage/apps/vps-web"
+        "reportsDirectory": "../../coverage/apps/vps-web",
+        "config": "apps/vps-web/vitest.config.ts"
       }
     },
     "lint": {

apps/vps-web/vite.config.ts

@@ -68,17 +68,17 @@ export default defineConfig(({ mode }) => {
             ),
       },
     },
-    test: {
-      reporters: ['default'],
-      coverage: {
-        reportsDirectory: '../../coverage/apps/vps-web',
-        provider: 'v8',
-      },
-      globals: true,
-
-      environment: 'jsdom',
-      include: ['./src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-      passWithNoTests: true,
-    },
+    // test: {
+    //   reporters: ['default'],
+    //   coverage: {
+    //     reportsDirectory: '../../coverage/apps/vps-web',
+    //     provider: 'v8',
+    //   },
+    //   globals: true,
+    //   plugins: [tsconfigPaths()],
+    //   environment: 'jsdom',
+    //   include: ['./src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    //   passWithNoTests: true,
+    // },
   };
 });

apps/vps-web/vitest.config.ts

@@ -0,0 +1,38 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import path from 'path';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+export default defineConfig({
+  root: __dirname,
+  build: {
+    outDir: '../../dist/apps/vps-web',
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+  server: {
+    port: 4200,
+    host: 'localhost',
+    //host: '192.168.68.109',
+    //https: true,
+  },
+  esbuild: {
+    sourcemap: false,
+    jsxFragment: 'Fragment',
+  },
+  plugins: [tsconfigPaths()],
+  test: {
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: '../../coverage/apps/vps-web',
+      provider: 'v8',
+    },
+    globals: true,
+    environment: 'jsdom',
+    include: ['./src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    passWithNoTests: true,
+  },
+});