62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
import { fireEvent, render, screen } from "@testing-library/react";
|
|
import { expect, test, vi } from "vitest";
|
|
|
|
import { OrdersHome } from "@/features/orders/orders-home";
|
|
import type { OrderSummaryVM } from "@/lib/types/view-models";
|
|
|
|
const RECENT_ORDERS: OrderSummaryVM[] = [
|
|
{
|
|
orderId: 4201,
|
|
workflowId: "wf-4201",
|
|
status: "waiting_review",
|
|
statusMeta: {
|
|
label: "待审核",
|
|
tone: "warning",
|
|
},
|
|
currentStep: "review",
|
|
currentStepLabel: "人工审核",
|
|
updatedAt: "2026-03-27T09:15:00Z",
|
|
},
|
|
];
|
|
|
|
test("shows the real recent-orders entry state", () => {
|
|
render(<OrdersHome recentOrders={RECENT_ORDERS} />);
|
|
|
|
expect(screen.getByText("最近订单已接入真实后端接口")).toBeInTheDocument();
|
|
expect(screen.getByText("订单 #4201")).toBeInTheDocument();
|
|
});
|
|
|
|
test("supports status filtering and pagination actions", () => {
|
|
const onStatusChange = vi.fn();
|
|
const onPageChange = vi.fn();
|
|
const onQuerySubmit = vi.fn();
|
|
|
|
render(
|
|
<OrdersHome
|
|
currentPage={2}
|
|
onPageChange={onPageChange}
|
|
onQuerySubmit={onQuerySubmit}
|
|
onStatusChange={onStatusChange}
|
|
recentOrders={RECENT_ORDERS}
|
|
selectedStatus="waiting_review"
|
|
selectedQuery=""
|
|
totalPages={3}
|
|
/>,
|
|
);
|
|
|
|
fireEvent.change(screen.getByLabelText("订单关键词搜索"), {
|
|
target: { value: "order-4201" },
|
|
});
|
|
fireEvent.click(screen.getByRole("button", { name: "搜索订单" }));
|
|
fireEvent.change(screen.getByLabelText("订单状态筛选"), {
|
|
target: { value: "succeeded" },
|
|
});
|
|
fireEvent.click(screen.getByRole("button", { name: "上一页" }));
|
|
fireEvent.click(screen.getByRole("button", { name: "下一页" }));
|
|
|
|
expect(onQuerySubmit).toHaveBeenCalledWith("order-4201");
|
|
expect(onStatusChange).toHaveBeenCalledWith("succeeded");
|
|
expect(onPageChange).toHaveBeenNthCalledWith(1, 1);
|
|
expect(onPageChange).toHaveBeenNthCalledWith(2, 3);
|
|
});
|