434 lines
17 KiB
JavaScript
434 lines
17 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 = "task762-page-ai-board-first-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 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",
|
|
);
|
|
}
|
|
|
|
function documentUrl(root, workspaceId, 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("workspaceId", workspaceId);
|
|
url.searchParams.set("treeView", "filetree");
|
|
return url.toString();
|
|
}
|
|
|
|
async function waitForEditorText(page, expected) {
|
|
await page.waitForFunction(
|
|
(text) => {
|
|
const editor = document.querySelector('[data-testid="mnote-leptos-tiptap-island-editor-root"] .ProseMirror');
|
|
return (editor?.textContent || "").includes(text);
|
|
},
|
|
expected,
|
|
{ timeout: UI_TIMEOUT_MS },
|
|
);
|
|
}
|
|
|
|
async function saveScreenshot(page, name) {
|
|
const target = path.join(OUTPUT_DIR, `${name}.png`);
|
|
await page.screenshot({ path: target, fullPage: true });
|
|
return target;
|
|
}
|
|
|
|
async function main() {
|
|
fs.mkdirSync(OUTPUT_DIR, { recursive: true });
|
|
const suffix = Date.now().toString(36);
|
|
const actorId = "mnote-e2e";
|
|
const workspaceId = `local-ws:${actorId}:task762-${suffix}`;
|
|
const root = fs.mkdtempSync(path.join(os.tmpdir(), "mnote-task762-board-ai-"));
|
|
const rootUri = fileUrl(root);
|
|
const relativePath = "BoardFirstPage.md";
|
|
const documentId = localMdDocumentId(relativePath);
|
|
const filePath = path.join(root, relativePath);
|
|
const beforeToken = `BOARD_UI_EDIT_BEFORE_${suffix}`;
|
|
const afterToken = `BOARD_UI_EDIT_AFTER_${suffix}`;
|
|
const capturedBoardRuns = [];
|
|
const capturedBoardRunResponses = [];
|
|
const consoleErrors = [];
|
|
let caughtError = null;
|
|
|
|
writeWorkspaceManifest(root, actorId, workspaceId);
|
|
fs.writeFileSync(
|
|
filePath,
|
|
["# Board First Page AI", "", `页面段落：${beforeToken}`, ""].join("\n"),
|
|
"utf8",
|
|
);
|
|
|
|
const browser = await chromium.launch({
|
|
headless: process.env.HEADFUL !== "1",
|
|
...(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();
|
|
|
|
page.on("console", (message) => {
|
|
if (["error", "warning"].includes(message.type())) {
|
|
consoleErrors.push({ type: message.type(), text: message.text() });
|
|
}
|
|
});
|
|
page.on("request", (request) => {
|
|
if (!request.url().includes("/api/page-ai/board/runs") || request.method() !== "POST") return;
|
|
let body = null;
|
|
try {
|
|
body = JSON.parse(request.postData() || "{}");
|
|
} catch {
|
|
body = request.postData() || "";
|
|
}
|
|
capturedBoardRuns.push({ url: request.url(), method: request.method(), body });
|
|
});
|
|
|
|
await page.route("**/api/page-ai/board/workers", async (route) => {
|
|
await route.fulfill({
|
|
status: 200,
|
|
headers: { "content-type": "application/json" },
|
|
body: JSON.stringify({
|
|
ok: true,
|
|
schema: "agent_board.page_ai_route.v2",
|
|
surface: "mnote-page-ai",
|
|
workerPresetId: "mnote-page-ai-zcode",
|
|
workerName: "MNote 页面 AI · ZCode",
|
|
allowedWorkerPresetIds: ["mnote-page-ai-zcode"],
|
|
modelOverride: "zcode-default",
|
|
modelOptions: [
|
|
{ id: "zcode-default", label: "默认", default: true },
|
|
{ id: "zcode-fast", label: "快速" },
|
|
{ id: "zcode-strong", label: "强力" },
|
|
],
|
|
workers: [{
|
|
id: "mnote-page-ai-zcode",
|
|
name: "MNote 页面 AI · ZCode",
|
|
surface: "mnote-page-ai",
|
|
agentType: "zcode",
|
|
modelOptions: [
|
|
{ id: "zcode-default", label: "默认", default: true },
|
|
{ id: "zcode-fast", label: "快速" },
|
|
{ id: "zcode-strong", label: "强力" },
|
|
],
|
|
}, {
|
|
id: "qa-browser-worker",
|
|
name: "QA Browser Worker",
|
|
surface: "agent-board-console",
|
|
role: "qa",
|
|
}],
|
|
}),
|
|
});
|
|
});
|
|
|
|
await page.route("**/api/page-ai/board/workflows", async (route) => {
|
|
await route.fulfill({
|
|
status: 200,
|
|
headers: { "content-type": "application/json" },
|
|
body: JSON.stringify({
|
|
ok: true,
|
|
schema: "agent_board.page_ai_route.v2",
|
|
surface: "mnote-page-ai",
|
|
workflowId: "builtin-mnote-page-ai-chat",
|
|
workflowName: "MNote 页面 AI",
|
|
allowedWorkflowIds: ["builtin-mnote-page-ai-chat"],
|
|
workflows: [{
|
|
id: "builtin-mnote-page-ai-chat",
|
|
name: "MNote 页面 AI",
|
|
surface: "mnote-page-ai",
|
|
}, {
|
|
id: "general-hotfix-workflow",
|
|
name: "通用 hotfix workflow",
|
|
surface: "agent-board-console",
|
|
}],
|
|
}),
|
|
});
|
|
});
|
|
|
|
await page.route("**/api/page-ai/board/runs", async (route) => {
|
|
if (route.request().method() !== "POST") return route.continue();
|
|
const body = JSON.parse(route.request().postData() || "{}");
|
|
capturedBoardRunResponses.push({ kind: "create", body });
|
|
await route.fulfill({
|
|
status: 200,
|
|
headers: { "content-type": "application/json" },
|
|
body: JSON.stringify({
|
|
ok: true,
|
|
schema: "mnote.page_ai_board_run.v1",
|
|
surface: "mnote-page-ai",
|
|
runId: `board-run-${suffix}`,
|
|
workflowId: body.workflowId,
|
|
workerPresetId: body.workerPresetId,
|
|
modelOverride: body.modelOverride,
|
|
board: { run: { id: `board-run-${suffix}`, status: "running" } },
|
|
}),
|
|
});
|
|
});
|
|
|
|
await page.route(`**/api/page-ai/board/runs/board-run-${suffix}`, async (route) => {
|
|
capturedBoardRunResponses.push({ kind: "get" });
|
|
fs.writeFileSync(filePath, ["# Board First Page AI", "", `页面段落：${afterToken}`, ""].join("\n"), "utf8");
|
|
await route.fulfill({
|
|
status: 200,
|
|
headers: { "content-type": "application/json" },
|
|
body: JSON.stringify({
|
|
ok: true,
|
|
schema: "mnote.page_ai_board_run_status.v1",
|
|
runId: `board-run-${suffix}`,
|
|
board: {
|
|
run: { id: `board-run-${suffix}`, status: "complete" },
|
|
events: [
|
|
{ type: "workflow.started", message: "run started", createdAt: new Date().toISOString() },
|
|
{ type: "worker.completed", message: "file edited", createdAt: new Date().toISOString() },
|
|
],
|
|
},
|
|
receipt: {
|
|
schema: "agent_board.workflow_run_receipt.v2",
|
|
runId: `board-run-${suffix}`,
|
|
surface: "mnote-page-ai",
|
|
workflowId: "builtin-mnote-page-ai-chat",
|
|
workerPresetId: "mnote-page-ai-zcode",
|
|
modelOverride: "zcode-fast",
|
|
finalAnswer: `已把当前页面中的 ${beforeToken} 替换为 ${afterToken}。`,
|
|
changedFiles: [{ path: filePath, status: "modified" }],
|
|
verification: [{ command: "read file", status: "passed", output: afterToken }],
|
|
remaining: [],
|
|
},
|
|
}),
|
|
});
|
|
});
|
|
|
|
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_task762_${suffix}`,
|
|
userId: actorId,
|
|
workspaceId,
|
|
rootUri,
|
|
rootPath: root,
|
|
permission: "write",
|
|
recursive: true,
|
|
capabilities: ["ai", "markdown_edit"],
|
|
source: "smoke",
|
|
status: "active",
|
|
}],
|
|
}),
|
|
});
|
|
});
|
|
await page.route("**/api/ui/preferences**", async (route) => {
|
|
await route.fulfill({
|
|
status: 200,
|
|
headers: { "content-type": "application/json" },
|
|
body: JSON.stringify({ ok: true, owner: "mnote-web", result: {} }),
|
|
});
|
|
});
|
|
|
|
await ensureAuthenticated(page, context.request);
|
|
const response = await page.goto(documentUrl(root, workspaceId, 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 waitForEditorText(page, beforeToken);
|
|
await page.evaluate(() => localStorage.removeItem("mnote.page_ai.legacy_provider_mode"));
|
|
|
|
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("[data-page-ai-agent-button]").click({ timeout: UI_TIMEOUT_MS });
|
|
await page.waitForFunction(
|
|
() => {
|
|
const drawerText = document.querySelector('[data-testid="wolai-page-ai-drawer"]')?.textContent || "";
|
|
return drawerText.includes("MNote 页面 AI · ZCode") && !drawerText.includes("QA Browser Worker") && !drawerText.includes("通用 hotfix workflow");
|
|
},
|
|
null,
|
|
{ timeout: UI_TIMEOUT_MS },
|
|
);
|
|
const modelSelect = page.locator("[data-page-ai-board-model]");
|
|
await modelSelect.selectOption("zcode-fast", { timeout: UI_TIMEOUT_MS });
|
|
await page.keyboard.press("Escape").catch(() => undefined);
|
|
await page.locator("[data-page-ai-input]").fill(
|
|
`请编辑当前页面真实 Markdown 文件，把 ${beforeToken} 替换为 ${afterToken}。完成后说明 MNote capability 已加载。`,
|
|
{ timeout: UI_TIMEOUT_MS },
|
|
);
|
|
await page.locator('[data-page-ai-action="send"]').click({ timeout: UI_TIMEOUT_MS });
|
|
|
|
await page.waitForFunction(
|
|
(expected) => {
|
|
const text = document.querySelector('[data-testid="wolai-page-ai-drawer"]')?.textContent || "";
|
|
return text.includes("正在处理") || text.includes(expected);
|
|
},
|
|
afterToken,
|
|
{ timeout: UI_TIMEOUT_MS },
|
|
);
|
|
await page.waitForFunction(
|
|
() => {
|
|
const drawer = document.querySelector('[data-testid="wolai-page-ai-drawer"]');
|
|
const subtitle = drawer?.querySelector('.wolai-page-ai-subtitle')?.textContent || "";
|
|
const agentChip = drawer?.querySelector('[data-page-ai-agent-chip]')?.textContent || "";
|
|
const hiddenLegacyTabs = Array.from(drawer?.querySelectorAll('[data-page-ai-tab="agent"], [data-page-ai-tab="reasonix-settings"], [data-page-ai-tab="hermes-settings"]') || [])
|
|
.every((node) => node instanceof HTMLElement && node.hidden === true);
|
|
return subtitle.includes("Agent Board") && agentChip.includes("MNote 页面 AI") && hiddenLegacyTabs;
|
|
},
|
|
null,
|
|
{ timeout: UI_TIMEOUT_MS },
|
|
);
|
|
await page.waitForFunction(
|
|
() => document.documentElement.getAttribute("data-mnote-page-ai-run-status") === "completed",
|
|
null,
|
|
{ timeout: Math.max(UI_TIMEOUT_MS, 180_000) },
|
|
);
|
|
await page.waitForFunction(
|
|
(expected) => (document.querySelector('[data-testid="wolai-page-ai-drawer"]')?.textContent || "").includes(expected),
|
|
afterToken,
|
|
{ timeout: UI_TIMEOUT_MS },
|
|
);
|
|
|
|
const finalDiskContent = fs.readFileSync(filePath, "utf8");
|
|
assert(finalDiskContent.includes(afterToken), "磁盘文件应包含 Board worker 写入后的标记");
|
|
assert(!finalDiskContent.includes(beforeToken), "磁盘文件不应再包含旧标记");
|
|
await waitForEditorText(page, afterToken);
|
|
assert.strictEqual(capturedBoardRuns.length, 1, `应只创建一个 Board Page AI run，实际 ${capturedBoardRuns.length}`);
|
|
const runBody = capturedBoardRuns[0].body;
|
|
assert.strictEqual(runBody.workflowId, "builtin-mnote-page-ai-chat", "Page AI 应默认走 MNote 专用 Board workflow");
|
|
assert.strictEqual(runBody.workerPresetId, "mnote-page-ai-zcode", "Page AI 应默认走 MNote 专用 ZCode worker");
|
|
assert.strictEqual(runBody.modelOverride, "zcode-fast", "Page AI 应传递 worker 内模型档位");
|
|
assert.strictEqual(runBody.envelope?.schema, "mnote.page_ai.board_task.v1", "run payload 应携带 Board envelope");
|
|
assert.strictEqual(runBody.envelope?.modelOverride, "zcode-fast", "envelope 应记录模型档位");
|
|
assert.strictEqual(runBody.envelope?.primaryTarget?.absolutePath, filePath, "primaryTarget 应指向当前真实 Markdown 文件");
|
|
assert(Array.isArray(runBody.envelope?.capabilities), "envelope 应携带 MNote capabilities");
|
|
assert(runBody.envelope.capabilities.includes("mnote.current_page.read"), "capabilities 应包含当前页读取能力");
|
|
assert(runBody.envelope.capabilities.includes("mnote.local_file.receipt"), "capabilities 应包含本地文件收据能力");
|
|
|
|
const drawerText = await page.locator('[data-testid="wolai-page-ai-drawer"]').textContent({ timeout: UI_TIMEOUT_MS });
|
|
assert(!drawerText.includes("Agent Board run 已创建"), "默认聊天面不应把 Board run 创建日志作为 assistant 气泡显示");
|
|
assert(drawerText.includes(`已把当前页面中的 ${beforeToken} 替换为 ${afterToken}。`), "主聊天应展示 receipt.finalAnswer 自然回复");
|
|
assert(!drawerText.includes("## Completed"), "主聊天不应展示 Board Completed 报告标题");
|
|
await page.locator(`[data-page-ai-board-run-detail="board-run-${suffix}"]`).click({ timeout: UI_TIMEOUT_MS });
|
|
await page.waitForFunction(
|
|
(expectedPath) => {
|
|
const text = document.querySelector('[data-testid="wolai-page-ai-drawer"]')?.textContent || "";
|
|
return text.includes("Run detail") && text.includes("changed files") && text.includes(expectedPath) && text.includes("timeline");
|
|
},
|
|
filePath,
|
|
{ timeout: UI_TIMEOUT_MS },
|
|
);
|
|
await page.reload({ waitUntil: "domcontentloaded", timeout: UI_TIMEOUT_MS });
|
|
await page.getByTestId("wolai-floating-ai").click({ timeout: UI_TIMEOUT_MS });
|
|
const restoredStorage = await page.evaluate(() => {
|
|
const keys = Object.keys(window.localStorage).filter((key) => key.startsWith("hermes_page_ai_session:"));
|
|
return JSON.stringify(keys.map((key) => ({ key, value: window.localStorage.getItem(key) || "" })));
|
|
});
|
|
if (!restoredStorage.includes(afterToken)) {
|
|
throw new assert.AssertionError({
|
|
message: `刷新后 localStorage 应保留 Board-first session/history: ${restoredStorage.slice(0, 1000)}`,
|
|
});
|
|
}
|
|
await page.waitForFunction(
|
|
(expected) => (document.querySelector('[data-testid="wolai-page-ai-drawer"]')?.textContent || "").includes(expected),
|
|
afterToken,
|
|
{ timeout: UI_TIMEOUT_MS },
|
|
);
|
|
const screenshot = await saveScreenshot(page, "01-board-first-edit");
|
|
const result = {
|
|
ok: true,
|
|
task: TASK,
|
|
baseUrl: BASE_URL,
|
|
root,
|
|
rootUri,
|
|
workspaceId,
|
|
documentId,
|
|
relativePath,
|
|
filePath,
|
|
beforeToken,
|
|
afterToken,
|
|
screenshot,
|
|
capturedBoardRuns,
|
|
capturedBoardRunResponses,
|
|
drawerText,
|
|
consoleErrors,
|
|
finalDiskContent,
|
|
};
|
|
fs.writeFileSync(RESULT_PATH, `${JSON.stringify(result, null, 2)}\n`, "utf8");
|
|
console.log(JSON.stringify(result, null, 2));
|
|
} catch (error) {
|
|
caughtError = error;
|
|
await saveScreenshot(page, "failure").catch(() => undefined);
|
|
fs.writeFileSync(
|
|
path.join(OUTPUT_DIR, "failure.json"),
|
|
`${JSON.stringify({
|
|
ok: false,
|
|
error: error instanceof Error ? error.stack || error.message : String(error),
|
|
capturedBoardRuns,
|
|
consoleErrors,
|
|
root,
|
|
rootUri,
|
|
filePath,
|
|
diskContent: fs.existsSync(filePath) ? fs.readFileSync(filePath, "utf8") : "",
|
|
}, null, 2)}\n`,
|
|
"utf8",
|
|
);
|
|
} finally {
|
|
await page.close().catch(() => undefined);
|
|
await context.close().catch(() => undefined);
|
|
await browser.close().catch(() => undefined);
|
|
}
|
|
|
|
if (caughtError) {
|
|
throw caughtError;
|
|
}
|
|
}
|
|
|
|
if (require.main === module) {
|
|
main().catch((error) => {
|
|
console.error(error instanceof Error ? error.stack || error.message : String(error));
|
|
process.exit(1);
|
|
});
|
|
}
|