feat: bootstrap auto virtual tryon admin frontend

tests/features/orders/orders-home.test.tsx

@@ -0,0 +1,61 @@
+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);
+});