muse-agent-example/web/tests/交互/方法启用.test.tsx

/** 界面替身只验证确认与版本绑定，实际S02/PG证据另由集成用例提供。 */
import { afterEach, beforeEach, expect, it, vi } from "vitest";
import {
  cleanup,
  fireEvent,
  render,
  screen,
  waitFor,
} from "@testing-library/react";
import { Ui方法详情 } from "../../src/功能/知识方法/方法详情";

const mocks = vi.hoisted(() => ({
  get: vi.fn(),
  post: vi.fn(),
  refetch: vi.fn(),
}));
vi.mock("../../src/接口/生成/客户端", () => ({
  客户端: { GET: mocks.get, POST: mocks.post },
}));
vi.mock("../../src/应用/作者会话", () => ({
  useMuse作者会话: () => ({ data: {} }),
}));
vi.mock("../../src/功能/知识方法/数据", () => ({
  useMuse方法类型: () => ({ data: [] }),
  useMuse方法详情: () => ({
    data: {
      title: "动作表现迟疑",
      state: "confirmed",
      current_version: 3,
      type_id: "craft",
      owner: "synthetic",
      versions: [],
      evidence: { sources: [], counters: [], static_refs: [] },
    },
    isPending: false,
    refetch: mocks.refetch,
  }),
}));
beforeEach(() => {
  vi.clearAllMocks();
  mocks.get.mockResolvedValue({
    data: {
      payload: {
        target: { version: "3" },
        valid_until: "2030-01-01T00:00:00Z",
      },
    },
  });
  mocks.post.mockResolvedValue({ data: { receipt_id: "receipt" } });
  mocks.refetch.mockResolvedValue({});
});
afterEach(cleanup);

it("NC-ui-method-enable：核对具体凭据后由作者启用当前版本", async () => {
  render(<Ui方法详情 methodId="method-a" />);
  const enable = screen.getByRole("button", {
    name: "确认启用写手用途",
  }) as HTMLButtonElement;
  expect(enable.disabled).toBe(true);
  fireEvent.change(screen.getByLabelText("启用凭据编号"), {
    target: { value: "proof-a" },
  });
  fireEvent.click(screen.getByRole("button", { name: "核对已测版本" }));
  await waitFor(() => expect(enable.disabled).toBe(false));
  expect(mocks.post).not.toHaveBeenCalled();
  fireEvent.click(enable);
  await waitFor(() => expect(mocks.refetch).toHaveBeenCalledTimes(1));
  expect(mocks.post).toHaveBeenCalledWith(
    "/api/v1/methods/{method_id}/state",
    expect.objectContaining({
      body: expect.objectContaining({
        method_id: "method-a",
        expected_state_revision: 3,
        启用凭据: "proof-a",
        action: "enable",
      }),
    }),
  );
  expect(enable.disabled).toBe(true);
});

it("NC-ui-method-proof-scope：换方法或修改凭据后旧核对不再放行", async () => {
  const view = render(<Ui方法详情 methodId="method-a" />);
  fireEvent.change(screen.getByLabelText("启用凭据编号"), {
    target: { value: "proof-a" },
  });
  fireEvent.click(screen.getByRole("button", { name: "核对已测版本" }));
  await waitFor(() =>
    expect(
      (
        screen.getByRole("button", {
          name: "确认启用写手用途",
        }) as HTMLButtonElement
      ).disabled,
    ).toBe(false),
  );
  view.rerender(<Ui方法详情 methodId="method-b" />);
  expect(
    (
      screen.getByRole("button", {
        name: "确认启用写手用途",
      }) as HTMLButtonElement
    ).disabled,
  ).toBe(true);
  fireEvent.change(screen.getByLabelText("启用凭据编号"), {
    target: { value: "proof-b" },
  });
  expect(
    (
      screen.getByRole("button", {
        name: "确认启用写手用途",
      }) as HTMLButtonElement
    ).disabled,
  ).toBe(true);
  expect(mocks.post).not.toHaveBeenCalled();
});

it("NC-ui-method-proof-error：失效凭据的拒绝可见且不触发启用", async () => {
  mocks.get.mockResolvedValue({ error: { message: "标定来源已停止" } });
  render(<Ui方法详情 methodId="method-a" />);
  fireEvent.change(screen.getByLabelText("启用凭据编号"), {
    target: { value: "stopped" },
  });
  fireEvent.click(screen.getByRole("button", { name: "核对已测版本" }));
  await screen.findByText("标定来源已停止");
  expect(
    (
      screen.getByRole("button", {
        name: "确认启用写手用途",
      }) as HTMLButtonElement
    ).disabled,
  ).toBe(true);
  expect(mocks.post).not.toHaveBeenCalled();
});