test: add frontend test suite with 54 tests

- Install vitest, @testing-library/svelte, jsdom - Configure vitest in vite.config.js with browser conditions for Svelte 5 - Pure function tests for api.js (artworkUrl, bundleUrl, setupBundleUrl) - Router tests (push, replace hash manipulation) - GameCard component tests (title, year, genre, cover, badge, click) - Library page tests (loading, empty, game grid, year/genre filters) - GameDetail page tests (loading, error, display, edit mode, badges) - Play page tests (loading, not-ready, unsupported, booting, error)
2026-06-10 11:48:10 +02:00
parent 2a72c0a3aa
commit 63f11452cd
9 changed files with 2977 additions and 3 deletions
@@ -0,0 +1,77 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { render, screen } from "@testing-library/svelte";
+import Play from "../Play.svelte";
+
+// Mock the API module that Play imports
+vi.mock("../../lib/api.js", () => ({
+  getGame: vi.fn(),
+  bundleUrl: vi.fn(),
+  setupBundleUrl: vi.fn(),
+}));
+
+// Mock router
+vi.mock("../../lib/router.js", () => ({
+  push: vi.fn(),
+}));
+
+import * as api from "../../lib/api.js";
+
+function makeGame(overrides = {}) {
+  return {
+    id: "game-1",
+    title: "Commander Keen",
+    platform: "dos",
+    ready: true,
+    ...overrides,
+  };
+}
+
+describe("Play", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it("shows loading state initially", () => {
+    api.getGame.mockReturnValue(new Promise(() => {}));
+    render(Play, { props: { id: "game-1" } });
+    expect(screen.getByText("Loading game data...")).toBeTruthy();
+  });
+
+  it("shows not-ready state when game is not processed", async () => {
+    api.getGame.mockResolvedValue(makeGame({ ready: false }));
+    render(Play, { props: { id: "game-1" } });
+    await vi.waitFor(() => {
+      expect(screen.getByText("Not ready")).toBeTruthy();
+    });
+  });
+
+  it("shows unsupported warning for Windows games", async () => {
+    api.getGame.mockResolvedValue(
+      makeGame({ platform: "windows", ready: true })
+    );
+    render(Play, { props: { id: "game-1" } });
+    await vi.waitFor(() => {
+      expect(screen.getByText("Windows game")).toBeTruthy();
+    });
+  });
+
+  it("shows error box when game fetch fails", async () => {
+    api.getGame.mockRejectedValue(new Error("Game not found"));
+    render(Play, { props: { id: "missing" } });
+    // The error should appear in the overlay as well
+    await vi.waitFor(() => {
+      expect(screen.getByText("⚠️")).toBeTruthy();
+    });
+  });
+
+  it("shows emulator booting state for ready DOS games", async () => {
+    api.getGame.mockResolvedValue(
+      makeGame({ platform: "dos", ready: true })
+    );
+    api.bundleUrl.mockReturnValue("/games/game-1.jsdos");
+    render(Play, { props: { id: "game-1" } });
+    await vi.waitFor(() => {
+      expect(screen.getByText("Starting emulator...")).toBeTruthy();
+    });
+  });
+});