test: 添加完整测试套件（52 个文件，326 个用例）

基于 Vitest 搭建测试基础设施，覆盖后端纯函数、API 路由、
前端 hooks、UI 组件和页面级集成测试。

src/components/Skeleton.test.tsx

@@ -0,0 +1,65 @@
+import { describe, it, expect } from "vitest";
+import { render } from "@testing-library/react";
+import {
+  Skeleton,
+  SkeletonCircle,
+  RoomCardSkeleton,
+  ProfileCardSkeleton,
+  RecordItemSkeleton,
+  SwipeDeckSkeleton,
+  BlindboxRoomSkeleton,
+  BlindboxListSkeleton,
+} from "./Skeleton";
+
+describe("Skeleton", () => {
+  it("renders with animate-pulse", () => {
+    const { container } = render(<Skeleton />);
+    expect(container.firstChild).toHaveClass("animate-pulse");
+  });
+
+  it("accepts custom className", () => {
+    const { container } = render(<Skeleton className="h-4 w-20" />);
+    const el = container.firstChild as HTMLElement;
+    expect(el.className).toContain("h-4");
+    expect(el.className).toContain("w-20");
+  });
+});
+
+describe("SkeletonCircle", () => {
+  it("renders rounded-full shape", () => {
+    const { container } = render(<SkeletonCircle />);
+    expect(container.firstChild).toHaveClass("rounded-full");
+  });
+});
+
+describe("Skeleton composites", () => {
+  it("renders RoomCardSkeleton", () => {
+    const { container } = render(<RoomCardSkeleton />);
+    expect(container.querySelectorAll(".animate-pulse").length).toBeGreaterThan(0);
+  });
+
+  it("renders ProfileCardSkeleton", () => {
+    const { container } = render(<ProfileCardSkeleton />);
+    expect(container.querySelectorAll(".animate-pulse").length).toBeGreaterThan(0);
+  });
+
+  it("renders RecordItemSkeleton", () => {
+    const { container } = render(<RecordItemSkeleton />);
+    expect(container.querySelectorAll(".animate-pulse").length).toBeGreaterThan(0);
+  });
+
+  it("renders SwipeDeckSkeleton", () => {
+    const { container } = render(<SwipeDeckSkeleton />);
+    expect(container.querySelectorAll(".animate-pulse").length).toBeGreaterThan(0);
+  });
+
+  it("renders BlindboxRoomSkeleton", () => {
+    const { container } = render(<BlindboxRoomSkeleton />);
+    expect(container.querySelectorAll(".animate-pulse").length).toBeGreaterThan(0);
+  });
+
+  it("renders BlindboxListSkeleton", () => {
+    const { container } = render(<BlindboxListSkeleton />);
+    expect(container.querySelectorAll(".animate-pulse").length).toBeGreaterThan(0);
+  });
+});