262 lines
12 KiB
TypeScript
262 lines
12 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
import type { OperationalTask, OperationalTaskSummary } from "../../src/features/workbench/api/operational-task-client";
|
|
import { mockAgentApi } from "./support/mock-agent-api";
|
|
|
|
const projectId = "324ff7ee-c2d4-5184-a84b-48fb14a2933e";
|
|
const taskId = "82000000-0000-4000-8000-000000000011";
|
|
const runId = "82500000-0000-4000-8000-000000000011";
|
|
const previousRunId = "82500000-0000-4000-8000-000000000010";
|
|
const sessionId = "investigation-execution-session";
|
|
const previousSessionId = "investigation-execution-session-previous";
|
|
const now = "2026-10-30T08:00:00Z";
|
|
|
|
const latestRun: NonNullable<OperationalTask["latest_run"]> = {
|
|
run_id: runId,
|
|
task_id: taskId,
|
|
generation: 2,
|
|
execution_request_id: "85000000-0000-4000-8000-000000000011",
|
|
status: "succeeded",
|
|
revision: 4,
|
|
agent_session_id: sessionId,
|
|
agent_instance_id: "agent-supply-1",
|
|
lease_expires_at: null,
|
|
heartbeat_at: now,
|
|
started_at: now,
|
|
finished_at: now,
|
|
failure_code: null,
|
|
failure_detail: null,
|
|
dispatch_attempts: 1,
|
|
next_dispatch_at: now,
|
|
created_at: now,
|
|
updated_at: now
|
|
};
|
|
|
|
const previousRun: NonNullable<OperationalTask["latest_run"]> = {
|
|
...latestRun,
|
|
run_id: previousRunId,
|
|
generation: 1,
|
|
execution_request_id: "85000000-0000-4000-8000-000000000010",
|
|
agent_session_id: previousSessionId,
|
|
created_at: "2026-10-29T08:00:00Z",
|
|
updated_at: "2026-10-29T08:05:00Z"
|
|
};
|
|
|
|
const latestReport: NonNullable<OperationalTask["latest_report"]> = {
|
|
revision: 2,
|
|
execution_generation: 2,
|
|
source_session_id: sessionId,
|
|
published_at: now,
|
|
published_by: "agent",
|
|
report: {
|
|
title: "南桥爆管调查报告",
|
|
current_conclusion: "第二轮已完成现场记录复核",
|
|
conclusion_boundary: "以第二轮调查数据为准",
|
|
evidence_refs: [],
|
|
recommendations: [],
|
|
pending_items: []
|
|
}
|
|
};
|
|
|
|
const previousReport: NonNullable<OperationalTask["latest_report"]> = {
|
|
...latestReport,
|
|
revision: 1,
|
|
execution_generation: 1,
|
|
source_session_id: previousSessionId,
|
|
published_at: "2026-10-29T08:05:00Z",
|
|
report: {
|
|
...latestReport.report,
|
|
current_conclusion: "第一轮完成压力与流量核对",
|
|
conclusion_boundary: "尚未取得现场阀门记录"
|
|
}
|
|
};
|
|
|
|
const task: OperationalTask = {
|
|
project_id: projectId,
|
|
task_id: taskId,
|
|
task_type: "event_investigation",
|
|
workflow: "burst-report",
|
|
lifecycle_status: "completed",
|
|
active_run: null,
|
|
latest_run: latestRun,
|
|
status: "completed",
|
|
priority: "normal",
|
|
revision: 2,
|
|
execution_generation: 2,
|
|
execution_request_id: "85000000-0000-4000-8000-000000000011",
|
|
title: "南桥爆管调查",
|
|
summary: "核对压力、流量和现场反馈",
|
|
source: { kind: "operator", external_id: null, external_revision: null, event_kind: "burst" },
|
|
trigger: { kind: "manual", occurred_at: now, detail: "调试调查执行历史" },
|
|
scheduled_for: null,
|
|
agent_session_id: sessionId,
|
|
agent_lease_expires_at: null,
|
|
current_plan_revision: null,
|
|
current_report_revision: 2,
|
|
created_at: now,
|
|
updated_at: now,
|
|
latest_plan: null,
|
|
latest_report: latestReport,
|
|
latest_progress: null,
|
|
evidence: [],
|
|
actions: [],
|
|
access_requests: [],
|
|
permissions: {
|
|
can_publish_artifacts: false,
|
|
can_propose_actions: false,
|
|
can_sync_external_feedback: false,
|
|
can_decide_work_orders: false,
|
|
can_execute_work_orders: false,
|
|
can_decide_commands: false,
|
|
can_execute_commands: false,
|
|
can_decide_access: false
|
|
},
|
|
work_order_snapshot: null
|
|
};
|
|
|
|
const summary = (item: OperationalTask): OperationalTaskSummary => {
|
|
const { latest_plan, latest_report, latest_progress, evidence, actions, access_requests, permissions, work_order_snapshot, ...value } = item;
|
|
void latest_plan; void latest_report; void latest_progress; void evidence;
|
|
void actions; void access_requests; void permissions; void work_order_snapshot;
|
|
return value;
|
|
};
|
|
|
|
test("调查任务执行记录自动刷新并可创建调试会话追加消息", async ({ page }, testInfo) => {
|
|
await page.emulateMedia({ reducedMotion: "reduce" });
|
|
await mockAgentApi(page);
|
|
let executionHistoryReads = 0;
|
|
let debugBranchCreates = 0;
|
|
const openedBindings: Array<{ runId: string | null; sessionId: string | null }> = [];
|
|
let debugBranchPayload: unknown;
|
|
await page.route(`http://127.0.0.1:8787/api/v1/task/${taskId}/execution-session?**`, async (route) => {
|
|
executionHistoryReads += 1;
|
|
const refreshed = executionHistoryReads > 1;
|
|
const query = new URL(route.request().url()).searchParams;
|
|
openedBindings.push({ runId: query.get("run_id"), sessionId: query.get("session_id") });
|
|
await route.fulfill({
|
|
headers: { "Access-Control-Allow-Origin": "*" },
|
|
json: {
|
|
id: previousSessionId,
|
|
session_id: previousSessionId,
|
|
title: "南桥爆管调查 · 第一轮执行记录",
|
|
purpose: "task_execution",
|
|
task_id: taskId,
|
|
status: "active",
|
|
created_at: now,
|
|
updated_at: refreshed ? "2026-10-30T08:01:00Z" : now,
|
|
messages: [
|
|
{ id: "execution-user", role: "user", parts: [{ type: "text", text: "执行后台调查任务" }] },
|
|
{ id: "execution-assistant", role: "assistant", parts: [
|
|
{ type: "data-progress", data: { id: "pressure-flow", phase: "tool", title: "核对第一轮压力与流量", detail: "查询监测记录并校验时间范围。", status: "completed" } },
|
|
{ type: "text", text: "第一轮已完成压力与流量证据核对" }
|
|
] },
|
|
...(refreshed ? [{ id: "execution-refresh", role: "assistant", parts: [{ type: "text", text: "第一轮自动同步发现现场阀门记录" }] }] : [])
|
|
],
|
|
is_streaming: !refreshed,
|
|
run_status: refreshed ? "completed" : "running",
|
|
read_only: true
|
|
}
|
|
});
|
|
});
|
|
page.on("request", (request) => {
|
|
if (request.method() === "POST" && request.url().endsWith(`/task/${taskId}/execution-session/debug`)) {
|
|
debugBranchCreates += 1;
|
|
debugBranchPayload = request.postDataJSON();
|
|
}
|
|
});
|
|
await page.route("**/runtime-config.js", (route) => route.fulfill({
|
|
contentType: "text/javascript",
|
|
body: `globalThis.__TJWATER_CONFIG__=${JSON.stringify({
|
|
TJWATER_AUTH_MODE: "disabled",
|
|
TJWATER_SERVER_API_BASE_URL: "http://server.test",
|
|
TJWATER_MAP_URL: "http://map.test/geoserver",
|
|
TJWATER_GEOSERVER_WORKSPACE: "tjwater_next"
|
|
})}`
|
|
}));
|
|
await page.route("http://server.test/api/v1/projects**", (route) => route.fulfill({ json: {
|
|
items: [{ project_id: projectId, gs_workspace: "tjwater_next", status: "active" }], total: 1, limit: 1000, offset: 0
|
|
} }));
|
|
await page.route("http://server.test/api/v1/scada-devices**", (route) => route.fulfill({ json: { items: [], total: 0, limit: 1000, offset: 0 } }));
|
|
await page.route("http://server.test/api/v1/workbench/sync-snapshot", (route) => route.fulfill({ json: {
|
|
schema: "workbench-sync-snapshot@1",
|
|
event_cursor: 0,
|
|
runtime: {
|
|
availability: "not_configured", source: "none", scenario_availability: "not_configured",
|
|
artifact_availability: "not_configured", schedule_availability: "not_configured",
|
|
work_order_availability: "not_configured", alert_availability: "not_configured",
|
|
generated_at: now, conditions: [], alerts: [], scenarios: [], latest_analysis: null, work_orders: []
|
|
},
|
|
tasks: [summary(task)],
|
|
notifications: [],
|
|
generated_at: now
|
|
} }));
|
|
await page.route("http://server.test/api/v1/workbench/events**", (route) => route.fulfill({ contentType: "text/event-stream", body: ": keepalive\n\n" }));
|
|
await page.route("http://server.test/api/v1/operational-task-notifications**", (route) => route.fulfill({ json: { items: [], limit: 100, offset: 0, next_offset: null } }));
|
|
await page.route("http://server.test/api/v1/operational-tasks**", (route) => {
|
|
const path = new URL(route.request().url()).pathname;
|
|
if (path.endsWith("/operational-tasks/schedules")) return route.fulfill({ json: { items: [] } });
|
|
if (path.endsWith(`/operational-tasks/${taskId}/reports`)) return route.fulfill({ json: {
|
|
items: [latestReport, previousReport], next_offset: null
|
|
} });
|
|
if (path.endsWith(`/operational-tasks/${taskId}/runs`)) return route.fulfill({ json: {
|
|
items: [latestRun, previousRun], next_cursor: null
|
|
} });
|
|
if (path.endsWith(`/operational-tasks/${taskId}`)) return route.fulfill({ json: task });
|
|
if (path.endsWith("/operational-tasks")) return route.fulfill({ json: { items: [summary(task)], limit: 50, offset: 0, next_offset: null } });
|
|
return route.fulfill({ status: 404, json: {} });
|
|
});
|
|
await page.route("http://map.test/**", (route) => route.fulfill({ status: 204 }));
|
|
|
|
await page.goto("/");
|
|
await page.getByRole("button", { name: "工况任务", exact: true }).click();
|
|
const taskPanel = page.getByRole("region", { name: "工况任务", exact: true });
|
|
const expand = taskPanel.getByRole("button", { name: "展开工况任务" });
|
|
if (await expand.isVisible()) await expand.click();
|
|
await taskPanel.getByRole("button", { name: /调查任务/ }).click();
|
|
await taskPanel.getByText("南桥爆管调查", { exact: true }).first().click();
|
|
await expect(taskPanel.getByText("调查任务 · 第 2 轮", { exact: true })).toBeVisible();
|
|
await taskPanel.getByRole("button", { name: "展开报告版本" }).click();
|
|
await page.getByRole("dialog", { name: "报告版本" }).getByRole("button", { name: /第 1 轮 · 报告第 1 版/ }).click();
|
|
await expect(taskPanel.getByText("调查任务 · 第 1 轮", { exact: true })).toBeVisible();
|
|
|
|
const executionHistory = taskPanel.getByRole("button", { name: "执行记录" });
|
|
await expect(executionHistory).toBeVisible();
|
|
await executionHistory.click();
|
|
|
|
const agentPanel = page.getByRole("complementary", { name: "Agent 命令面板" });
|
|
await expect(agentPanel.getByRole("note").getByText("执行记录自动同步", { exact: true })).toBeVisible();
|
|
await expect(agentPanel).toContainText("第一轮已完成压力与流量证据核对");
|
|
const processToggle = agentPanel.getByRole("button", { name: "查看处理过程", exact: true }).first();
|
|
await expect(processToggle).toBeVisible();
|
|
await processToggle.click();
|
|
await expect(agentPanel.getByText("核对第一轮压力与流量", { exact: true })).toBeVisible();
|
|
await expect(agentPanel.locator("textarea")).toBeVisible();
|
|
await expect(agentPanel).toContainText("第一轮自动同步发现现场阀门记录", { timeout: 5_000 });
|
|
expect(executionHistoryReads).toBeGreaterThanOrEqual(2);
|
|
expect(openedBindings).toEqual(expect.arrayContaining([
|
|
{ runId: previousRunId, sessionId: previousSessionId }
|
|
]));
|
|
|
|
await agentPanel.locator("textarea").fill("继续核对失败前最后一次工具调用");
|
|
await agentPanel.getByRole("button", { name: "发送 Agent 指令" }).click();
|
|
await expect.poll(() => debugBranchCreates).toBe(1);
|
|
expect(debugBranchPayload).toEqual({ run_id: previousRunId, session_id: previousSessionId });
|
|
await expect(agentPanel).toContainText("继续核对失败前最后一次工具调用");
|
|
await expect(agentPanel.getByRole("note").getByText("执行记录自动同步", { exact: true })).toHaveCount(0);
|
|
await testInfo.attach("desktop-execution-history", {
|
|
body: await agentPanel.screenshot(), contentType: "image/png"
|
|
});
|
|
|
|
await page.getByRole("button", { name: "折叠 Agent 面板", exact: true }).click();
|
|
await page.setViewportSize({ width: 375, height: 720 });
|
|
const openTasks = page.getByRole("button", { name: "打开工况任务", exact: true });
|
|
if (await openTasks.isVisible()) await openTasks.click();
|
|
const mobilePanel = page.getByRole("region", { name: "工况任务", exact: true });
|
|
const mobileExpand = mobilePanel.getByRole("button", { name: "展开工况任务" });
|
|
if (await mobileExpand.isVisible()) await mobileExpand.click();
|
|
await mobilePanel.getByRole("button", { name: /调查任务/ }).click();
|
|
await expect(mobilePanel.getByRole("button", { name: "执行记录" })).toBeVisible();
|
|
await testInfo.attach("mobile-execution-history-button", {
|
|
body: await page.getByRole("region", { name: "工况任务抽屉" }).screenshot(), contentType: "image/png"
|
|
});
|
|
});
|