feat: enhance order asset selection and previews

tests/features/orders/submit-workbench.test.tsx

@@ -84,6 +84,19 @@ async function chooseSelectOption(label: string, optionName: string) {
   fireEvent.click(await screen.findByRole("option", { name: optionName }));
 }
 
+async function chooseLibraryResource(label: string, resourceName: string) {
+  fireEvent.click(screen.getByRole("button", { name: `选择${label}` }));
+
+  const dialog = await screen.findByRole("dialog", { name: `选择${label}` });
+  fireEvent.click(within(dialog).getByRole("button", { name: resourceName }));
+
+  await waitFor(() => {
+    expect(
+      screen.queryByRole("dialog", { name: `选择${label}` }),
+    ).not.toBeInTheDocument();
+  });
+}
+
 beforeEach(() => {
   pushMock.mockReset();
 });
@@ -97,7 +110,7 @@ test("forces low customers to use auto_basic and mid customers to use semi_pro",
 
   render(<SubmitWorkbench />);
 
-  await screen.findByText("Ava / Studio");
+  await screen.findByRole("button", { name: "选择模特资源" });
 
   await chooseSelectOption("客户层级", "低客单 low");
 
@@ -142,12 +155,12 @@ test("preserves selected values when order submission fails", async () => {
 
   render(<SubmitWorkbench />);
 
-  await screen.findByText("Ava / Studio");
+  await screen.findByRole("button", { name: "选择模特资源" });
 
   await chooseSelectOption("客户层级", "低客单 low");
-  await chooseSelectOption("模特资源", "Ava / Studio");
-  await chooseSelectOption("场景资源", "Loft Window");
-  await chooseSelectOption("服装资源", "Structured Coat 01");
+  await chooseLibraryResource("模特资源", "Ava / Studio");
+  await chooseLibraryResource("场景资源", "Loft Window");
+  await chooseLibraryResource("服装资源", "Structured Coat 01");
 
   const summaryCard = screen.getByRole("region", { name: "提单摘要" });
   expect(within(summaryCard).getByText("Ava / Studio")).toBeInTheDocument();
@@ -165,15 +178,9 @@ test("preserves selected values when order submission fails", async () => {
   expect(screen.getByRole("combobox", { name: "服务模式" })).toHaveTextContent(
     "自动基础处理 auto_basic",
   );
-  expect(screen.getByRole("combobox", { name: "模特资源" })).toHaveTextContent(
-    "Ava / Studio",
-  );
-  expect(screen.getByRole("combobox", { name: "场景资源" })).toHaveTextContent(
-    "Loft Window",
-  );
-  expect(screen.getByRole("combobox", { name: "服装资源" })).toHaveTextContent(
-    "Structured Coat 01",
-  );
+  expect(screen.getAllByText("Ava / Studio").length).toBeGreaterThan(1);
+  expect(screen.getAllByText("Loft Window").length).toBeGreaterThan(1);
+  expect(screen.getAllByText("Structured Coat 01").length).toBeGreaterThan(1);
 });
 
 test("submits the selected resources, surfaces returned ids, and redirects to the order detail page", async () => {
@@ -198,12 +205,12 @@ test("submits the selected resources, surfaces returned ids, and redirects to th
 
   render(<SubmitWorkbench />);
 
-  await screen.findByText("Ava / Studio");
+  await screen.findByRole("button", { name: "选择模特资源" });
 
   await chooseSelectOption("客户层级", "低客单 low");
-  await chooseSelectOption("模特资源", "Ava / Studio");
-  await chooseSelectOption("场景资源", "Loft Window");
-  await chooseSelectOption("服装资源", "Structured Coat 01");
+  await chooseLibraryResource("模特资源", "Ava / Studio");
+  await chooseLibraryResource("场景资源", "Loft Window");
+  await chooseLibraryResource("服装资源", "Structured Coat 01");
 
   fireEvent.click(screen.getByRole("button", { name: "提交订单" }));
 
@@ -232,3 +239,78 @@ test("submits the selected resources, surfaces returned ids, and redirects to th
     expect(pushMock).toHaveBeenCalledWith("/orders/77");
   });
 });
+
+test("allows submitting without selecting a scene resource", async () => {
+  const fetchMock = createFetchMock({
+    orderResponse: new Response(
+      JSON.stringify({
+        mode: "proxy",
+        data: {
+          orderId: 88,
+          workflowId: "wf-88",
+          status: "created",
+        },
+      }),
+      {
+        status: 201,
+        headers: { "content-type": "application/json" },
+      },
+    ),
+  });
+
+  vi.stubGlobal("fetch", fetchMock);
+
+  render(<SubmitWorkbench />);
+
+  await screen.findByRole("button", { name: "选择模特资源" });
+
+  await chooseSelectOption("客户层级", "低客单 low");
+  await chooseLibraryResource("模特资源", "Ava / Studio");
+  await chooseLibraryResource("服装资源", "Structured Coat 01");
+
+  fireEvent.click(screen.getByRole("button", { name: "提交订单" }));
+
+  await waitFor(() => {
+    expect(fetchMock).toHaveBeenCalledWith(
+      "/api/orders",
+      expect.objectContaining({
+        method: "POST",
+        body: JSON.stringify({
+          customer_level: "low",
+          service_mode: "auto_basic",
+          model_id: 101,
+          garment_asset_id: 303,
+        }),
+      }),
+    );
+  });
+});
+
+test("opens a shared resource manager modal and picks a resource card for each library type", async () => {
+  vi.stubGlobal("fetch", createFetchMock());
+
+  render(<SubmitWorkbench />);
+
+  await screen.findByRole("button", { name: "选择模特资源" });
+
+  fireEvent.click(screen.getByRole("button", { name: "选择模特资源" }));
+
+  const modelDialog = await screen.findByRole("dialog", { name: "选择模特资源" });
+  expect(within(modelDialog).getByTestId("resource-picker-masonry").className).toContain(
+    "columns-1",
+  );
+  expect(
+    within(modelDialog).getByRole("button", { name: "Ava / Studio" }),
+  ).toBeInTheDocument();
+
+  fireEvent.click(within(modelDialog).getByRole("button", { name: "Ava / Studio" }));
+
+  await waitFor(() => {
+    expect(
+      screen.queryByRole("dialog", { name: "选择模特资源" }),
+    ).not.toBeInTheDocument();
+  });
+
+  const summaryCard = screen.getByRole("region", { name: "提单摘要" });
+  expect(within(summaryCard).getByText("Ava / Studio")).toBeInTheDocument();
+});