1 files changed, 32 insertions, 0 deletions
diff --git a/src/lib/components/GameCard.test.js b/src/lib/components/GameCard.test.js
new file mode 100644
index 0000000..076a409
--- /dev/null
+++ b/src/lib/components/GameCard.test.js
@@ -0,0 +1,32 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from "vitest";
+import { render, screen } from "@testing-library/svelte";
+import GameCard from "./GameCard.svelte";
+import { createCourt, createRegular } from "../logic/players.js";
+import {
+  addBlockedGames,
+  addActiveGames,
+} from "../logic/matchmaking.js";
+
+describe("GameCard", () => {
+  it("renders 'Reserved' for a RESERVED placeholder game", () => {
+    const [game] = addBlockedGames([createCourt(2, false)]);
+    render(GameCard, { game });
+    expect(screen.getByText("Reserved")).toBeInTheDocument();
+    expect(screen.getByText("Court 3")).toBeInTheDocument();
+  });
+
+  it("renders both teams' player names for a real match", () => {
+    const players = [
+      createRegular(0, true, 1, 0, "Alice", "A"),
+      createRegular(1, true, 1, 0, "Bob", "B"),
+      createRegular(2, true, 1, 0, "Carl", "C"),
+      createRegular(3, true, 1, 0, "Dana", "D"),
+    ];
+    const [game] = addActiveGames([createCourt(0, true)], players);
+    render(GameCard, { game });
+    expect(screen.queryByText("Reserved")).not.toBeInTheDocument();
+    expect(screen.getByText("Alice")).toBeInTheDocument();
+    expect(screen.getByText("Dana")).toBeInTheDocument();
+  });
+});