Initial commit

web/src/components/Feedback.test.tsx

@@ -0,0 +1,28 @@
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { EmptyState, FreshnessBanner, LoadingState } from "./Feedback";
+
+describe("compact feedback states", () => {
+  it("keeps loading and empty states to their functional labels", () => {
+    const { rerender } = render(<LoadingState label="正在读取队列" />);
+    expect(screen.getByText("正在读取队列")).toBeVisible();
+    expect(screen.queryByText("请稍候，页面会保留已成功读取的内容。")).not.toBeInTheDocument();
+
+    rerender(<EmptyState title="暂无号码" />);
+    expect(screen.getByText("暂无号码")).toBeVisible();
+  });
+
+  it("hides healthy freshness notes and keeps a short offline recovery state", () => {
+    const { container, rerender } = render(
+      <FreshnessBanner offline={false} stale={false} timestamp="2026-07-11T05:00:00Z" />,
+    );
+    expect(container).toBeEmptyDOMElement();
+
+    rerender(<FreshnessBanner offline={false} stale={false} refreshing timestamp="2026-07-11T05:00:00Z" />);
+    expect(container).toBeEmptyDOMElement();
+
+    rerender(<FreshnessBanner offline stale={false} timestamp="2026-07-11T05:00:00Z" />);
+    expect(screen.getByText("连接中断")).toBeVisible();
+    expect(screen.queryByText(/纸质号码|人工广播/)).not.toBeInTheDocument();
+  });
+});