29 lines
1.3 KiB
TypeScript
29 lines
1.3 KiB
TypeScript
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();
|
|
});
|
|
});
|