Files
mnote/scripts/task504-page-ai-history-agent-filter-smoke.js
T

597 lines
24 KiB
JavaScript

#!/usr/bin/env node
"use strict";
const assert = require("node:assert");
const fs = require("node:fs");
const os = require("node:os");
const path = require("node:path");
const { chromium } = require("playwright");
const {
BASE_URL,
UI_TIMEOUT_MS,
ensureAuthenticated,
} = require("./tree-shell-smoke-helpers");
const TASK = "task504-page-ai-history-agent-filter-smoke";
const OUTPUT_DIR = path.join(process.cwd(), "tmp", TASK);
const RESULT_PATH = path.join(OUTPUT_DIR, "result.json");
const CHROMIUM_EXECUTABLE_PATH = process.env.PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH
|| ["/usr/bin/google-chrome-stable", "/usr/bin/google-chrome", "/snap/bin/chromium", "/usr/bin/chromium"]
.find((candidate) => fs.existsSync(candidate));
function fileUrl(localPath) {
return `file://${localPath}`;
}
function localMdDocumentId(relativePath) {
return `local-md:${relativePath.replaceAll("/", "~2F")}`;
}
function documentUrl(root, relativePath) {
const url = new URL(`${BASE_URL}/documents/${encodeURIComponent(localMdDocumentId(relativePath))}`);
url.searchParams.set("sourceKind", "local_folder");
url.searchParams.set("rootUri", fileUrl(root));
url.searchParams.set("treeView", "filetree");
return url.toString();
}
function writeWorkspaceManifest(root, ownerId, workspaceId) {
fs.mkdirSync(path.join(root, ".mnote"), { recursive: true });
fs.writeFileSync(
path.join(root, ".mnote", "workspace.json"),
`${JSON.stringify({
workspaceId,
ownerId,
createdAt: new Date().toISOString(),
capabilities: ["local_files", "ai_sessions", "markdown_edit"],
}, null, 2)}\n`,
"utf8",
);
}
async function saveScreenshot(page, name) {
const target = path.join(OUTPUT_DIR, `${name}.png`);
await page.screenshot({ path: target, fullPage: false });
return target;
}
async function main() {
fs.mkdirSync(OUTPUT_DIR, { recursive: true });
const suffix = Date.now().toString(36);
const actorId = "mnote-e2e";
const root = fs.mkdtempSync(path.join(os.tmpdir(), "mnote-task504-history-"));
const rootUri = fileUrl(root);
const workspaceId = `local-ws:${actorId}:task504`;
const relativePath = "HistoryAgentFilter.md";
const documentId = localMdDocumentId(relativePath);
const longGeminiMessage = [
"Gemini 历史预览应只显示摘要,不应把 ChatOnly 的完整长消息塞进历史列表。",
"这段内容用于模拟网页问答返回的完整长回复,历史列表应保留可扫描性。",
"FULL_TAIL_SHOULD_NOT_RENDER",
].join("");
const sessions = [
{
sessionId: `mnote_task504_gemini_${suffix}`,
runId: `run_task504_gemini_${suffix}`,
title: "Gemini 问答",
profile: "shared_gemini_chat",
acpRuntime: "hermes",
status: "completed",
payload: {
agentId: "chat_only",
profileId: "shared_gemini_chat",
profile: "shared_gemini_chat",
acpRuntime: "hermes",
message: longGeminiMessage,
},
createdAt: "2026-05-30T08:00:00Z",
updatedAt: "2026-05-30T08:02:00Z",
persistence: "sqlite_acp_runtime_store",
},
{
sessionId: `mnote_task504_doubao_${suffix}`,
runId: `run_task504_doubao_${suffix}`,
title: "豆包问答",
profile: "shared_doubao_chat",
acpRuntime: "hermes",
status: "completed",
payload: {
agentId: "chat_only",
profileId: "shared_doubao_chat",
profile: "shared_doubao_chat",
acpRuntime: "hermes",
message: "豆包短回复",
},
createdAt: "2026-05-30T08:01:00Z",
updatedAt: "2026-05-30T08:01:30Z",
persistence: "sqlite_acp_runtime_store",
},
{
sessionId: `mnote_task504_stale_chatonly_${suffix}`,
runId: `run_task504_stale_chatonly_${suffix}`,
title: "旧 ChatOnly profile",
profile: "myHermes",
acpRuntime: "hermes",
status: "completed",
payload: {
agentId: "chat_only",
profileId: "myHermes",
profile: "myHermes",
acpRuntime: "hermes",
message: "旧数据里误写成 Hermes profile 的 ChatOnly 会话",
},
createdAt: "2026-05-30T08:00:50Z",
updatedAt: "2026-05-30T08:01:00Z",
persistence: "sqlite_acp_runtime_store",
},
{
sessionId: `mnote_task504_hermes_${suffix}`,
runId: `run_task504_hermes_${suffix}`,
title: "Hermes 问答",
profile: "shared_lite",
acpRuntime: "hermes",
status: "completed",
payload: {
agentId: "hermes",
profileId: "shared_lite",
profile: "shared_lite",
acpRuntime: "hermes",
message: "Hermes 回复",
},
createdAt: "2026-05-30T08:00:30Z",
updatedAt: "2026-05-30T08:00:45Z",
persistence: "sqlite_acp_runtime_store",
},
];
const capturedRuns = [];
const capturedSessionCreates = [];
const splitDeltaDetailText = "历史回答不应按 delta 拆成多个气泡。";
let caughtError = null;
const screenshots = {};
writeWorkspaceManifest(root, actorId, workspaceId);
fs.writeFileSync(path.join(root, relativePath), ["# History Agent Filter", "", suffix, ""].join("\n"), "utf8");
const browser = await chromium.launch({
headless: true,
...(CHROMIUM_EXECUTABLE_PATH ? { executablePath: CHROMIUM_EXECUTABLE_PATH } : {}),
});
const context = await browser.newContext({
viewport: { width: 1440, height: 960 },
locale: "zh-CN",
extraHTTPHeaders: {
"x-mnote-actor-id": actorId,
"x-mnote-actor-type": "user",
},
});
const page = await context.newPage();
try {
await page.route("**/api/user/access-policy**", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
controlPlane: "sqlite",
grants: [{
id: `grant_task504_${suffix}`,
userId: actorId,
workspaceId,
rootUri,
rootPath: root,
permission: "write",
recursive: true,
capabilities: ["ai", "markdown_edit"],
source: "user",
status: "active",
}],
}),
});
});
await page.route("**/api/ui/preferences**", async (route) => {
if (route.request().method() === "GET") {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
owner: "mnote-web",
result: {
aiPreferences: {
"ai.common.default_agent_id": "chat_only",
"ai.agent.hermes.profile_id": "shared_deepseek_chat",
"ai.common.context_refs.default_selected": {
current_page: true,
selection: false,
active_editor: false,
file: false,
folder: false,
changed_files: false,
},
},
},
}),
});
return;
}
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({ ok: true, owner: "mnote-web", result: {} }),
});
});
await page.route("**/api/documents/buffer-state**", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
result: { dirtyState: "", fileVersion: `task504-${suffix}` },
}),
});
});
await page.route("**/api/hermes/client/gateway/health**", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
gateway: { ok: true, status: "mocked" },
profile: { name: "reasonix", modelConfigured: true, apiKeyConfigured: true },
suggestions: [],
}),
});
});
await page.route("**/api/hermes/client/tools**", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({ ok: true, tools: [] }),
});
});
await page.route("**/api/hermes/client/profiles**", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
active: "mnoteai",
profiles: [{ name: "mnoteai", label: "MNote AI", modelConfigured: true, apiKeyConfigured: true }],
}),
});
});
await page.route("**/api/ai/agent-profiles**", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
agentId: "hermes",
profiles: [
{ profileId: "shared_deepseek_chat", kind: "shared", displayName: "DeepSeek Chat", baseProfile: "deepseek-chat", isolatedProfile: "openclaw-deepseek-chat", readonly: true },
{ profileId: "shared_doubao_chat", kind: "shared", displayName: "豆包 Chat", baseProfile: "doubao-chat", isolatedProfile: "openclaw-doubao-chat", readonly: true },
{ profileId: "shared_gemini_chat", kind: "shared", displayName: "Gemini Chat", baseProfile: "gemini-chat", isolatedProfile: "openclaw-gemini-chat", readonly: true },
{ profileId: "shared_lite", kind: "shared", displayName: "Lite", baseProfile: "lite", isolatedProfile: "lite", readonly: true },
],
}),
});
});
await page.route("**/api/hermes/client/skills**", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({ ok: true, categories: [], archived: [] }),
});
});
await page.route("**/api/hermes/client/capabilities**", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({ ok: true, runtime: "mnote", categories: [], archived: [] }),
});
});
await page.route("**/api/hermes/client/sessions**", async (route) => {
const requestUrl = new URL(route.request().url());
const detailMatch = requestUrl.pathname.match(/\/api\/hermes\/client\/sessions\/([^/]+)(?:\/resume)?$/);
if (route.request().method() === "GET") {
if (detailMatch) {
const sessionId = decodeURIComponent(detailMatch[1]);
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
persistence: "sqlite_acp_runtime_store",
sessionStorage: "sqlite_control_plane",
sessionId,
session: {
sessionId,
messages: [],
runs: [{
sessionId,
runId: `run_task504_detail_${suffix}`,
title: "Gemini 问答",
profile: "shared_gemini_chat",
acpRuntime: "hermes",
status: "completed",
payload: {
agentId: "chat_only",
profileId: "shared_gemini_chat",
profile: "shared_gemini_chat",
acpRuntime: "hermes",
message: "历史详情测试",
},
createdAt: "2026-05-30T08:00:00Z",
updatedAt: "2026-05-30T08:02:00Z",
persistence: "sqlite_acp_runtime_store",
}],
},
events: Array.from(splitDeltaDetailText).map((delta, index) => ({
eventId: `evt_task504_detail_${index}`,
sessionId,
runId: `run_task504_detail_${suffix}`,
eventType: "message.delta",
payload: { delta },
createdAt: `2026-05-30T08:01:${String(index).padStart(2, "0")}Z`,
persistence: "sqlite_acp_runtime_store",
})),
}),
});
return;
}
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
persistence: "sqlite_acp_runtime_store",
sessions,
}),
});
return;
}
if (route.request().method() === "POST" && detailMatch && requestUrl.pathname.endsWith("/resume")) {
const sessionId = decodeURIComponent(detailMatch[1]);
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
persistence: "sqlite_acp_runtime_store",
sessionStorage: "sqlite_control_plane",
sessionId,
session: {
sessionId,
messages: [{ role: "assistant", content: splitDeltaDetailText }],
runs: [],
},
events: [],
}),
});
return;
}
capturedSessionCreates.push(JSON.parse(route.request().postData() || "{}"));
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
sessionId: `mnote_task504_new_${suffix}`,
title: "当前页问答",
persistence: "sqlite_acp_runtime_store",
}),
});
});
await page.route("**/api/hermes/client/runs", async (route) => {
const body = JSON.parse(route.request().postData() || "{}");
capturedRuns.push(body);
await route.fulfill({
status: 200,
headers: { "content-type": "application/json" },
body: JSON.stringify({
ok: true,
upstream: {
runId: `run_task504_current_page_${suffix}`,
traceId: `trace_task504_current_page_${suffix}`,
},
}),
});
});
await page.route("**/api/hermes/client/events/run_task504_current_page_*", async (route) => {
await route.fulfill({
status: 200,
headers: { "content-type": "text/event-stream; charset=utf-8" },
body: [
"event: message.delta",
"data: {\"text\":\"### TASK504_CURRENT_PAGE_OK\\n- **Markdown 渲染**\"}",
"",
"event: run.completed",
"data: {\"output\":\"### TASK504_CURRENT_PAGE_OK\\n- **Markdown 渲染**\"}",
"",
].join("\n"),
});
});
await ensureAuthenticated(page, context.request);
const response = await page.goto(documentUrl(root, relativePath), {
waitUntil: "domcontentloaded",
timeout: UI_TIMEOUT_MS,
});
assert(response && response.status() === 200, `文档页状态码异常: ${response && response.status()}`);
await page.locator('[data-testid="mnote-leptos-tiptap-island-editor-root"] .ProseMirror').first().waitFor({
state: "visible",
timeout: UI_TIMEOUT_MS,
});
await page.getByTestId("wolai-floating-ai").click({ timeout: UI_TIMEOUT_MS });
await page.locator('[data-testid="wolai-page-ai-drawer"]').waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
await page.locator('.wolai-page-ai-header-actions [data-page-ai-action="history"]').click({ timeout: UI_TIMEOUT_MS });
await page.locator('[data-page-ai-panel="history"]').waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
await page.locator(`[data-page-ai-session-row="mnote_task504_gemini_${suffix}"]`).waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
const historyPanel = page.locator('[data-page-ai-panel="history"]');
const historyText = await historyPanel.innerText({ timeout: UI_TIMEOUT_MS });
assert(historyText.includes("ChatOnly / Gemini"), "历史会话应显示 Gemini 所属 agent");
assert(historyText.includes("ChatOnly / 豆包"), "历史会话应显示豆包所属 agent");
assert(historyText.includes("Hermes / Lite"), "历史会话应显示 Hermes profile");
assert(!historyText.includes("ChatOnly / myHermes"), "ChatOnly 历史不应显示 Hermes profile 标签");
assert(!historyText.includes("FULL_TAIL_SHOULD_NOT_RENDER"), "历史预览不应显示 ChatOnly 完整长消息尾部");
assert.strictEqual(capturedSessionCreates.length, 0, "打开 Page AI 和历史列表不应创建空白后端会话");
const filter = page.locator('[data-page-ai-session-agent-filter]');
await filter.waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
await filter.selectOption("chat_only:shared_gemini_chat", { timeout: UI_TIMEOUT_MS });
await page.locator(`[data-page-ai-session-row="mnote_task504_gemini_${suffix}"]`).waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
assert.strictEqual(
await page.locator(`[data-page-ai-session-row="mnote_task504_doubao_${suffix}"]`).count(),
0,
"筛选 Gemini 后不应显示豆包会话",
);
await filter.selectOption("chat_only:shared_doubao_chat", { timeout: UI_TIMEOUT_MS });
await page.locator(`[data-page-ai-session-row="mnote_task504_doubao_${suffix}"]`).waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
assert.strictEqual(
await page.locator(`[data-page-ai-session-row="mnote_task504_gemini_${suffix}"]`).count(),
0,
"筛选豆包后不应显示 Gemini 会话",
);
screenshots.history = await saveScreenshot(page, "history-filter");
await page.locator('.wolai-page-ai-header-actions [data-page-ai-action="history"]').click({ timeout: UI_TIMEOUT_MS });
await page.locator('[data-page-ai-panel="chat"]').waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
await page.locator('.wolai-page-ai-header-actions [data-page-ai-action="new-session"]').click({ timeout: UI_TIMEOUT_MS });
await page.waitForFunction(
() => document.querySelector('[data-page-ai-agent-chip]')?.textContent?.includes("DeepSeek"),
null,
{ timeout: UI_TIMEOUT_MS },
);
await page.evaluate(({ staleWorkspaceId, documentId, rootUri: currentRootUri }) => {
const staleSnapshot = {
schema: "mnote.open_editors_snapshot.v1",
generatedAt: Date.now(),
activeObjectIdentity: "page:primary",
activeEditor: {
objectIdentity: "page:primary",
workspacePath: {
schema: "mnote.workspace_path.v1",
workspaceId: staleWorkspaceId,
sourceKind: "local_folder",
rootUri: currentRootUri,
relativePath: "HistoryAgentFilter.md",
documentId,
objectIdentity: "page:primary",
assetId: "",
resourceKind: "page",
},
paneRole: "primary",
documentId,
workspaceId: staleWorkspaceId,
title: "Stale page target",
kind: "page",
editorKind: "page",
active: true,
dirtyState: "",
preview: false,
pinned: true,
lastActiveAt: Date.now(),
assetId: "",
path: "HistoryAgentFilter.md",
},
editors: [],
resourceEditors: [],
groups: { primary: { paneRole: "primary", activeObjectIdentity: "page:primary", editors: [], resourceEditors: [] }, secondary: { paneRole: "secondary", activeObjectIdentity: "", editors: [], resourceEditors: [] } },
};
staleSnapshot.editors = [staleSnapshot.activeEditor];
staleSnapshot.groups.primary.editors = [staleSnapshot.activeEditor];
window.__mnoteOpenEditorsSnapshot = staleSnapshot;
const previous = window.__mnoteDocumentPaneRuntime || {};
window.__mnoteDocumentPaneRuntime = {
...previous,
getOpenEditorsSnapshot: () => staleSnapshot,
};
}, {
staleWorkspaceId: `${workspaceId}:stale`,
documentId,
rootUri,
});
await page.locator("[data-page-ai-input]").fill(`task504 current page target ${suffix}`, { timeout: UI_TIMEOUT_MS });
await page.locator('[data-page-ai-action="send"]').click({ timeout: UI_TIMEOUT_MS });
await page.locator('[data-page-ai-panel="chat"] [data-page-ai-conversation]').getByText("TASK504_CURRENT_PAGE_OK").waitFor({
state: "visible",
timeout: UI_TIMEOUT_MS,
});
const markdownState = await page.locator('[data-page-ai-panel="chat"] [data-page-ai-conversation]').evaluate((root) => ({
heading: Boolean(root.querySelector(".wolai-page-ai-message--assistant .wolai-page-ai-message-text h3")),
strong: Boolean(root.querySelector(".wolai-page-ai-message--assistant .wolai-page-ai-message-text strong")),
rawHeadingMarkers: root.textContent?.includes("### TASK504_CURRENT_PAGE_OK") || false,
rawStrongMarkers: root.textContent?.includes("**Markdown 渲染**") || false,
}));
assert.deepStrictEqual(markdownState, {
heading: true,
strong: true,
rawHeadingMarkers: false,
rawStrongMarkers: false,
}, `AI 面板应渲染 Markdown,而不是显示原始标记: ${JSON.stringify(markdownState)}`);
assert.strictEqual(capturedRuns.length, 1, "当前页 ChatOnly 请求应通过前置 target 校验并到达 runs API");
assert.strictEqual(capturedSessionCreates.length, 1, "只有真实发送消息时才应创建后端会话");
assert.strictEqual(capturedRuns[0].agentId, "chat_only", "应使用 ChatOnly agent");
assert.strictEqual(capturedRuns[0].profile, "shared_deepseek_chat", "应使用 DeepSeek ChatOnly profile");
assert.strictEqual(
capturedRuns[0].runTargetSnapshot?.editorTarget?.workspaceId,
workspaceId,
"只选择当前页时 runTargetSnapshot 应使用当前 workspaceId,而不是 stale active editor workspaceId",
);
assert(
capturedRuns[0].contextRefs.some((item) => item.kind === "current_page" && item.workspaceId === workspaceId),
"当前页 contextRef 应保留当前 workspaceId",
);
assert(
!capturedRuns[0].contextRefs.some((item) => item.kind === "active_editor"),
"取消打开资源后不应发送 active_editor contextRef",
);
screenshots.currentPageTarget = await saveScreenshot(page, "current-page-target");
await page.locator('.wolai-page-ai-header-actions [data-page-ai-action="history"]').click({ timeout: UI_TIMEOUT_MS });
await page.locator('[data-page-ai-panel="history"]').waitFor({ state: "visible", timeout: UI_TIMEOUT_MS });
await page.locator('[data-page-ai-session-agent-filter]').selectOption("all", { timeout: UI_TIMEOUT_MS });
await page.locator(`[data-page-ai-session-resume="mnote_task504_gemini_${suffix}"]`).click({ timeout: UI_TIMEOUT_MS });
await page.locator('[data-page-ai-panel="chat"] [data-page-ai-conversation]').getByText(splitDeltaDetailText).waitFor({
state: "visible",
timeout: UI_TIMEOUT_MS,
});
const restoredAssistantMessages = await page.locator(".wolai-page-ai-message--assistant").evaluateAll((nodes) => (
nodes.map((node) => node.textContent || "").filter((text) => text.includes("历史回答") || text.includes("不应按"))
));
assert.deepStrictEqual(
restoredAssistantMessages,
[`AI${splitDeltaDetailText}`],
"恢复历史详情时 message.delta 必须合并为一条 assistant 消息,不能按字拆气泡",
);
screenshots.historyRestore = await saveScreenshot(page, "history-restore");
} catch (error) {
caughtError = error;
try {
screenshots.failure = await saveScreenshot(page, "failure");
} catch (_) {}
} finally {
await browser.close();
const result = {
ok: !caughtError,
error: caughtError ? String(caughtError && caughtError.stack || caughtError) : null,
screenshots,
root,
capturedRuns,
};
fs.writeFileSync(RESULT_PATH, `${JSON.stringify(result, null, 2)}\n`, "utf8");
if (caughtError) {
console.error(JSON.stringify(result, null, 2));
process.exit(1);
}
console.log(JSON.stringify(result, null, 2));
}
}
main().catch((error) => {
console.error(error);
process.exit(1);
});