Setup testing for nuxt app

Author: BlakeBr0

apps/web/package.json

@@ -7,14 +7,16 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "prepare": "nuxt prepare"
+    "prepare": "nuxt prepare",
+    "test": "vitest"
   },
   "devDependencies": {
     "@iconify-json/heroicons": "^1.2.3",
     "@iconify-json/lucide": "^1.2.81",
     "@iconify-json/simple-icons": "^1.2.63",
     "@nuxt/content": "^3.9.0",
     "@nuxt/image": "^2.0.0",
+    "@nuxt/test-utils": "^3.21.0",
     "@nuxt/ui": "^4.3.0",
     "@nuxtjs/google-fonts": "^3.2.0",
     "@nuxtjs/sitemap": "^7.5.0",
@@ -23,13 +25,17 @@
     "@sentry/nuxt": "^10.32.0",
     "@types/numeral": "^2.0.5",
     "@types/semver": "^7.7.1",
+    "@vue/test-utils": "^2.4.6",
     "@vueuse/core": "^14.1.0",
     "@vueuse/nuxt": "^14.1.0",
     "better-sqlite3": "^12.5.0",
     "dayjs": "^1.11.19",
+    "happy-dom": "^20.0.11",
     "numeral": "^2.0.6",
     "nuxt": "^4.2.2",
+    "playwright-core": "^1.57.0",
     "semver": "^7.7.3",
-    "tailwindcss": "^4.1.18"
+    "tailwindcss": "^4.1.18",
+    "vitest": "^3.2.4"
   }
 }

apps/web/test/e2e/.gitkeep

@@ -0,0 +1,40 @@
+import { setup, fetch } from "@nuxt/test-utils";
+import { describe, expect, test } from "vitest";
+
+describe("pages", async () => {
+  await setup({
+    host: "http://localhost:3000"
+  });
+
+  describe("basic", () => {
+    testURL("/");
+    testURL("/cookie-policy");
+    testURL("/privacy-policy");
+    testURL("/terms-of-service");
+  });
+
+  const mods = getMods().toSorted((a, b) => a.url.localeCompare(b.url));
+
+  describe("landing", () => {
+    for (const mod of mods) {
+      testURL(mod.url);
+    }
+  });
+
+  describe("download", () => {
+    for (const mod of mods) {
+      testURL(`${mod.url}/download`);
+    }
+  });
+
+  describe("wiki", () => {
+    testURL("/wiki");
+  });
+});
+
+function testURL(url: string) {
+  test(`${url} renders`, async () => {
+    const { status } = await fetch(url);
+    expect(status).toBe(200);
+  });
+}

apps/web/test/nuxt/pages.test.ts

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