Merge pull request #225 from c4dt/110-bis

set up Vitest and disable Bun's test runner

Author: PascalinDe

.github/workflows/CI.yml

@@ -30,4 +30,4 @@ jobs:
         uses: oven-sh/setup-bun@v2
       - run: bun install
       - name: Run tests
-        run: bun test
+        run: bun vitest

README.md

@@ -77,6 +77,11 @@ devbox run playwright:test-ui
 
 to run it in a GUI.
 
+### MacOS
+
+If you're running Playwright on macOS, the command-line tests are currently flaky, but running
+in a GUI seems to yield consistent results.
+
 ## Production
 
 Build the application for production:

bun.lock

@@ -1,5 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 import tailwindcss from "@tailwindcss/vite";
+import { defineNuxtConfig } from "nuxt/config";
 
 export default defineNuxtConfig({
   compatibilityDate: "2025-03-09",

bunfig.toml

@@ -14,7 +14,7 @@
     "format": "prettier --check .",
     "format:fix": "prettier --write .",
     "prepare": "husky",
-    "test": "vitest --run",
+    "vitest": "vitest --run",
     "playwright:test": "playwright test",
     "playwright:test-ui": "playwright test --ui"
   },
@@ -28,6 +28,7 @@
     "@nuxt/test-utils": "^3.19.2",
     "@tailwindcss/vite": "^4.1.16",
     "@vesp/nuxt-fontawesome": "^1.2.1",
+    "@vue/test-utils": "^2.4.6",
     "ajv": "^8.17.1",
     "eslint-config-prettier": "^10.1.8",
     "husky": "^9.1.7",
@@ -38,6 +39,7 @@
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
     "tailwindcss": "^4.1.16",
+    "vitest": "^4.0.2",
     "vue": "^3.5.22",
     "vue3-carousel": "^0.14.0",
     "yaml": "^2.8.1"

nuxt.config.ts

@@ -1,5 +1,5 @@
-import { test } from "bun:test";
-import { loadProjects } from "~/utils/loadData";
+import { test } from "vitest";
+import { loadProjects } from "../utils/loadData";
 
 test("Verifies that projects data conform to schema", async () => {
   await loadProjects();

package.json

@@ -1,5 +1,23 @@
-import { defineVitestConfig } from "@nuxt/test-utils/config";
+import { defineConfig } from "vitest/config";
+import { defineVitestProject } from "@nuxt/test-utils/config";
 
-export default defineVitestConfig({
-  // any custom Vitest config you require
+export default defineConfig({
+  test: {
+    projects: [
+      {
+        test: {
+          name: "unit",
+          include: ["test/*.{test,spec}.ts"],
+          environment: "node"
+        }
+      },
+      await defineVitestProject({
+        test: {
+          name: "nuxt",
+          include: ["test/nuxt/*.{test,spec}.ts"],
+          environment: "nuxt"
+        }
+      })
+    ]
+  }
 });