feat(tests): Init vitest test environment

- Added initial vitest configuration Installed testing deps: - Vitests - @nuxt/test-utils - happy-dom - playwright - @vue/test-utils
lskellerm · Sep 11, 2024 · 956954b · 956954b
1 parent 6371431
commit 956954b
Show file tree

Hide file tree

Showing 5 changed files with 510 additions and 3 deletions.
diff --git a/.devcontainer/nuxt-container/devcontainer.json b/.devcontainer/nuxt-container/devcontainer.json
@@ -19,7 +19,9 @@
         "esbenp.prettier-vscode",
         "ms-azuretools.vscode-docker",
         "antfu.iconify",
-        "johnpapa.vscode-peacock"
+        "johnpapa.vscode-peacock",
+        "vitest.explorer",
+        "ms-playwright.playwright"
       ]
     }
   }

diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
@@ -17,7 +17,8 @@ export default defineNuxtConfig({
     'shadcn-nuxt',
     '@nuxt/image',
     '@nuxt/icon',
-    '@formkit/auto-animate/nuxt'
+    '@formkit/auto-animate/nuxt',
+    '@nuxt/test-utils/module'
   ],
   tailwindcss: {
     editorSupport: true

diff --git a/frontend/package.json b/frontend/package.json
@@ -13,7 +13,8 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "prepare": "cd .. && husky frontend/.husky"
+    "prepare": "cd .. && husky frontend/.husky",
+    "test": "vitest"
   },
   "dependencies": {
     "@formkit/auto-animate": "^0.8.2",
@@ -35,13 +36,17 @@
     "@iconify-json/lucide": "^1.2.2",
     "@iconify-json/material-symbols": "^1.2.0",
     "@nuxt/eslint": "^0.5.5",
+    "@nuxt/test-utils": "^3.14.2",
     "@nuxtjs/tailwindcss": "^6.12.1",
+    "@playwright/test": "^1.47.0",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/eslint__js": "^8.42.3",
     "@vue/devtools-api": "^6.6.3",
+    "@vue/test-utils": "^2.4.6",
     "eslint": "^9.9.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
+    "happy-dom": "^15.7.3",
     "husky": "^9.1.5",
     "lint-staged": "^15.2.10",
     "nuxt": "^3.13.1",
@@ -50,6 +55,7 @@
     "shadcn-nuxt": "^0.10.4",
     "tailwindcss": "^3.4.10",
     "typescript": "^5.5.4",
+    "vitest": "^2.0.5",
     "vue-tsc": "^2.0.29"
   },
   "lint-staged": {

diff --git a/frontend/pages/vitest.config.ts b/frontend/pages/vitest.config.ts
@@ -0,0 +1,8 @@
+import { defineVitestConfig } from '@nuxt/test-utils/config';
+
+export default defineVitestConfig({
+  test: {
+    dir: 'tests',
+    environment: 'nuxt'
+  }
+});