Add tests

Author: mythz

MyApp.Client/package.json

@@ -10,7 +10,10 @@
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build --force",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run"
   },
   "files": [
     "module.d.ts"
@@ -36,11 +39,14 @@
     "@types/node": "^24.10.1",
     "@types/prismjs": "^1.26.5",
     "@vitejs/plugin-vue": "^6.0.2",
+    "@vitest/ui": "^4.0.15",
     "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.8.1",
     "autoprefixer": "^10.4.22",
     "eslint": "^9.39.1",
     "eslint-plugin-vue": "^10.6.2",
+    "happy-dom": "^20.0.11",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-container": "^4.0.0",
@@ -56,6 +62,7 @@
     "vite-plugin-press": "^1.0.10",
     "vite-plugin-vue-layouts-next": "^1.3.0",
     "vite-svg-loader": "^5.1.0",
+    "vitest": "^4.0.15",
     "vue-tsc": "^3.1.6"
   }
 }

MyApp.Client/src/lib/auth.test.ts

@@ -0,0 +1,51 @@
+import { describe, it, expect } from 'vitest'
+import { createAttrs } from './auth'
+
+describe('auth utilities', () => {
+  describe('createAttrs', () => {
+    it('should return empty array for null auth', () => {
+      const result = createAttrs(null)
+      expect(result).toEqual([])
+    })
+
+    it('should return empty array for undefined auth', () => {
+      const result = createAttrs(undefined)
+      expect(result).toEqual([])
+    })
+
+    it('should return auth attr for authenticated user with no roles or permissions', () => {
+      const result = createAttrs({})
+      expect(result).toEqual(['auth'])
+    })
+
+    it('should include roles with role: prefix', () => {
+      const result = createAttrs({
+        roles: ['Admin', 'Manager']
+      })
+      expect(result).toEqual(['auth', 'role:Admin', 'role:Manager'])
+    })
+
+    it('should include permissions with perm: prefix', () => {
+      const result = createAttrs({
+        permissions: ['ReadData', 'WriteData']
+      })
+      expect(result).toEqual(['auth', 'perm:ReadData', 'perm:WriteData'])
+    })
+
+    it('should include both roles and permissions', () => {
+      const result = createAttrs({
+        roles: ['Admin'],
+        permissions: ['ReadData', 'WriteData']
+      })
+      expect(result).toEqual(['auth', 'role:Admin', 'perm:ReadData', 'perm:WriteData'])
+    })
+
+    it('should handle empty roles and permissions arrays', () => {
+      const result = createAttrs({
+        roles: [],
+        permissions: []
+      })
+      expect(result).toEqual(['auth'])
+    })
+  })
+})

MyApp.Client/vite.config.ts

@@ -1,9 +1,7 @@
 import { fileURLToPath, URL } from 'node:url'
 
 import fs from 'fs'
-import { env } from 'process'
-
-import { defineConfig } from 'vite'
+import { defineConfig } from 'vitest/config'
 import tailwindcss from '@tailwindcss/vite'
 import Vue from '@vitejs/plugin-vue'
 import Press, { matter } from 'vite-plugin-press'
@@ -96,5 +94,9 @@ export default defineConfig({
     server: {
         host: true, // Listen on all interfaces (both IPv4 and IPv6)
         open: false,
-    }
+  },
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+  }
 })