T007

apps/web/package.json

@@ -9,8 +9,11 @@
   "build": "vite build",
   "preview": "vite preview",
   "check": "svelte-check --tsconfig ./tsconfig.json",
-    "test": "echo \"No unit tests yet (see T007)\" && exit 0",
-    "test:e2e": "echo \"No e2e tests yet (see T007, T012–T015)\" && exit 0"
+  "test": "vitest run",
+  "test:unit": "vitest run",
+  "test:ui": "vitest",
+  "test:e2e": "playwright test",
+  "e2e:report": "playwright show-report"
   },
   "dependencies": {
     "svelte": "^4.2.18"
@@ -26,6 +29,11 @@
   "@tailwindcss/forms": "^0.5.9",
   "svelte": "^4.2.18",
     "typescript": "^5.5.4",
-    "vite": "^5.1.0"
+  "vite": "^5.1.0",
+  "vitest": "^2.1.1",
+  "@playwright/test": "^1.48.0",
+  "jsdom": "^25.0.0",
+  "@testing-library/svelte": "^5.0.0",
+  "@testing-library/jest-dom": "^6.4.2"
   }
 }

apps/web/playwright.config.ts

@@ -0,0 +1,25 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  timeout: 30_000,
+  retries: 0,
+  fullyParallel: true,
+  reporter: [['list']],
+  use: {
+    baseURL: process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:4173',
+    trace: 'on-first-retry'
+  },
+  webServer: {
+    command: 'pnpm preview',
+    cwd: __dirname,
+    port: 4173,
+    reuseExistingServer: !process.env.CI
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] }
+    }
+  ]
+});

apps/web/src/example.spec.ts

@@ -0,0 +1,7 @@
+import { describe, it, expect } from 'vitest';
+
+describe('scaffold', () => {
+  it('adds two numbers', () => {
+    expect(1 + 1).toBe(2);
+  });
+});

apps/web/tests/e2e/smoke.spec.ts

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test';
+
+test('homepage has title and grid', async ({ page }) => {
+  await page.goto('/');
+  await expect(page).toHaveTitle(/GlowTrack/i);
+  await expect(page.getByRole('heading', { level: 1 })).toHaveText(/GlowTrack/i);
+  await expect(page.getByRole('region', { name: /demo grid/i })).toBeVisible();
+});

apps/web/tsconfig.json

@@ -8,12 +8,12 @@
     "strict": true,
     "noEmit": true,
     "baseUrl": ".",
-    "types": ["svelte", "vite/client", "@sveltejs/kit"],
+  "types": ["svelte", "vite/client", "@sveltejs/kit", "node"],
     "paths": {
       "$lib": ["src/lib"],
       "$lib/*": ["src/lib/*"]
     }
   },
-  "include": ["src/**/*", "vite.config.ts", "svelte.config.js"],
+  "include": ["src/**/*", "vite.config.ts", "svelte.config.js", "playwright.config.ts", "tests/**/*"],
   "exclude": ["node_modules", "dist", "build", ".svelte-kit"]
 }

apps/web/vite.config.ts

@@ -1,6 +1,15 @@
 import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config';
 
 export default defineConfig({
   plugins: [sveltekit()],
+  // Vitest config (T007)
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    css: true,
+  include: ['src/**/*.{test,spec}.{js,ts}', 'tests/**/*.{test,spec}.{js,ts}'],
+  exclude: ['tests/e2e/**', 'node_modules/**'],
+    reporters: 'default'
+  }
 });