Jake
100e04fa70
Phase 0 — docs/release/v0.2-frontend-overhaul.md as single source of truth for the v0.2 frontend coherence pass. Records hard rules, tooling pins, sacred-behaviour contract list, wrapper catalogue, per-page migration order, verification matrix, KI-05 plan, and the explicit "DO NOT add Skeleton" line. Phase 1 — tooling baseline. All exact-pinned per the plan: - @playwright/test@1.60.0 + playwright@1.60.0 + @axe-core/playwright@4.11.3 - rollup-plugin-visualizer@7.0.1 (wired behind ANALYZE=1) - @vitest/browser@4.1.6 + @vitest/browser-playwright@4.1.6 (provider) - vitest-browser-svelte@2.1.1 (runes-aware Svelte 5 bridge) - cargo-nextest installed globally New configs: playwright.config.ts (frontend-only, dev:frontend webServer, 900x700 + 1440x900 projects, visual baselines deferred), vitest.browser.config.js (separate from jsdom suite). New scripts: test:e2e, test:e2e:ui, test:browser, analyze, test:rust:fast, guard:no-skeleton. guard-no-skeleton.mjs walks package.json + package-lock + src/ for any @skeletonlabs reference and exits 1 if found — locks in the no-Skeleton hard rule for any future agent. Smoke baseline (tests/e2e/smoke.spec.ts): 16 tests passing across two viewports — app loads without Tauri runtime, keyboard nav, axe scan (color-contrast deferred to Phase 7 per docs/release/v0.1-contrast-audit.md), light/dark theme cycle, all three sensory zones (cave/energy/reset). 10 screenshots emitted to test-results/ as non-failing artefacts. Surfaced + fixed two browser-preview bugs while landing the baseline: - src/lib/utils/osInfo.ts: FALLBACK_BROWSER_INFO was evaluated at SSR module-load (navigator undefined → os: 'unknown'), and the UA check ran before navigator.platform — so Playwright's Windows-UA Chromium on a Linux runner detected as Windows, useCustomChrome went true, Titlebar mounted and tripped Tauri-only APIs. Now lazy-built per call; platform is the primary signal, UA only a fallback. - src/lib/components/Titlebar.svelte: defensive hasTauriRuntime() guard on every handler and the $effect. Titlebar should not crash if any future code path mounts it without Tauri. .gitignore: reports/, .playwright/, test-results/, playwright-report/. Per-phase gate green: npm run check (0/0), npm test (0/0), npm run test:e2e (16/16), npm run guard:no-skeleton (clean). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
67 lines
2.2 KiB
JavaScript
67 lines
2.2 KiB
JavaScript
// Using vitest/config rather than vite/config so one config surface drives
|
|
// `vite dev` / `vite build` AND `vitest run`. Vitest's defineConfig is a
|
|
// superset of Vite's — production builds ignore the `test` key.
|
|
import { defineConfig } from "vitest/config";
|
|
import { sveltekit } from "@sveltejs/kit/vite";
|
|
import tailwindcss from "@tailwindcss/vite";
|
|
import { visualizer } from "rollup-plugin-visualizer";
|
|
|
|
// @ts-expect-error process is a nodejs global
|
|
const host = process.env.TAURI_DEV_HOST;
|
|
// @ts-expect-error process is a nodejs global
|
|
const analyze = process.env.ANALYZE === "1";
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig(async () => ({
|
|
plugins: [
|
|
sveltekit(),
|
|
tailwindcss(),
|
|
...(analyze
|
|
? [
|
|
visualizer({
|
|
filename: "reports/bundle-stats.html",
|
|
template: "treemap",
|
|
gzipSize: true,
|
|
brotliSize: true,
|
|
open: false,
|
|
}),
|
|
]
|
|
: []),
|
|
],
|
|
clearScreen: false,
|
|
server: {
|
|
port: 1420,
|
|
strictPort: true,
|
|
host: host || false,
|
|
hmr: host
|
|
? {
|
|
protocol: "ws",
|
|
host,
|
|
port: 1421,
|
|
}
|
|
: undefined,
|
|
watch: {
|
|
ignored: ["**/src-tauri/**"],
|
|
},
|
|
},
|
|
test: {
|
|
// jsdom gives storage-shim tests a real localStorage / DOMException /
|
|
// window surface rather than hand-rolled mocks. Tests can override
|
|
// per-file with `// @vitest-environment node` if they need to.
|
|
environment: "jsdom",
|
|
// Discover *.test.{ts,js} colocated next to source. Mirrors Rust's
|
|
// #[cfg(test)] sibling convention; no separate tests/ tree.
|
|
include: ["src/**/*.{test,spec}.{ts,js}"],
|
|
// Frontend tests must never reach into the Tauri backend; that surface
|
|
// is owned by `cargo test` in src-tauri/ and crates/.
|
|
exclude: ["src-tauri/**", "node_modules/**", "build/**", ".svelte-kit/**"],
|
|
// Restore a clean global state between tests — vitest's restoreMocks
|
|
// unwinds vi.spyOn / vi.fn, clearMocks resets call history, and
|
|
// unstubAllGlobals undoes vi.stubGlobal. Prevents accidental leakage
|
|
// when tests share modules with module-level state.
|
|
restoreMocks: true,
|
|
clearMocks: true,
|
|
unstubAllGlobals: true,
|
|
},
|
|
}));
|