推进本地缓冲区与资源对象壳验证

This commit is contained in:
lix-2026
2026-05-19 12:20:47 +08:00
parent 6fcdf78603
commit 4b863086ff
3 changed files with 333 additions and 40 deletions
@@ -2,6 +2,7 @@
"use strict";
const fs = require("node:fs/promises");
const fsSync = require("node:fs");
const path = require("node:path");
const { chromium } = require("playwright");
const {
@@ -20,6 +21,10 @@ const {
const TASK = "task456-resource-object-shell-sync-smoke";
const OUT_DIR = path.join(process.cwd(), "tmp", TASK);
const RESULT_PATH = path.join(OUT_DIR, "result.json");
const DOCX_MIME = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
const PROBE_DOCX_PATH =
process.env.MNOTE_ONLYOFFICE_PROBE_DOCX ||
"/tmp/mnote-onlyoffice-manual/mnote-onlyoffice-upload-test.docx";
async function writeResult(result) {
await fs.mkdir(OUT_DIR, { recursive: true });
@@ -38,6 +43,30 @@ async function createMindmap(request, workspaceId, documentId, mindmapId, title)
});
}
async function uploadOfficeAsset(request, workspaceId, documentId) {
assert(fsSync.existsSync(PROBE_DOCX_PATH), `缺少探测文件:${PROBE_DOCX_PATH}`);
const buffer = await fs.readFile(PROBE_DOCX_PATH);
const response = await request.fetch(`${BASE_URL}/api/media/upload`, {
method: "POST",
multipart: {
file: {
name: "task456-office.docx",
mimeType: DOCX_MIME,
buffer,
},
workspaceId,
documentId,
},
timeout: UI_TIMEOUT_MS,
});
const payload = await response.json().catch(async () => ({ raw: await response.text() }));
assert(response.ok(), `/api/media/upload 请求失败:${response.status()} ${JSON.stringify(payload)}`);
const asset = payload && payload.asset && typeof payload.asset === "object" ? payload.asset : null;
const assetId = asset && typeof asset.id === "string" ? asset.id : "";
assert(assetId, `上传结果缺少 asset.id${JSON.stringify(payload)}`);
return asset;
}
async function readResourceState(page, documentId, mindmapId, officeAssetId) {
return await page.evaluate(
({ documentId: docId, mindmapId: mapId, officeId }) => {
@@ -62,29 +91,23 @@ async function readResourceState(page, documentId, mindmapId, officeAssetId) {
currentObjectIdentity: document.querySelector("[data-mnote-object-identity]")?.getAttribute("data-mnote-object-identity") || "",
};
},
{ documentId, mindmapId, officeAssetId },
{ documentId, mindmapId, officeId: officeAssetId },
);
}
async function injectOfficeRow(page, documentId, assetId) {
await page.evaluate(
({ docId, officeId }) => {
const root = document.getElementById("sidebar-file-tree-root");
if (!(root instanceof HTMLElement)) throw new Error("缺少 file tree root");
if (document.querySelector(`#sidebar-file-tree-root .tree-row[data-asset-id="${CSS.escape(officeId)}"]`)) return;
const row = document.createElement("div");
row.className = "tree-row";
row.dataset.testid = "filetree-asset-row";
row.dataset.assetId = officeId;
row.dataset.objectKind = "onlyoffice";
row.dataset.objectIdentity = JSON.stringify({ objectKind: "onlyoffice", documentId: docId, assetId: officeId });
row.innerHTML = `<button class="tree-link" type="button" data-rust-action="open"><span class="tree-link-title">task456-office.docx</span></button>`;
row.querySelector("button").addEventListener("click", () => {
window.location.href = `/office/${encodeURIComponent(docId)}/${encodeURIComponent(officeId)}?fileName=task456-office.docx&fileType=docx&mode=edit`;
});
root.appendChild(row);
},
{ docId: documentId, officeId: assetId },
async function readObjectShellState(page) {
return await page.evaluate(() => ({
currentObjectEditor: document.querySelector("[data-mnote-object-editor]")?.getAttribute("data-mnote-object-editor") || "",
currentObjectIdentity: document.querySelector("[data-mnote-object-identity]")?.getAttribute("data-mnote-object-identity") || "",
currentUrl: window.location.href,
}));
}
async function readFileTreeProjection(request, workspaceId, rootNodeId) {
return await requestJson(
request,
`/api/tree/projections/file?workspaceId=${encodeURIComponent(workspaceId)}&rootNodeId=${encodeURIComponent(rootNodeId)}&depth=3`,
{ method: "GET" },
);
}
@@ -112,18 +135,33 @@ async function injectOfficeRow(page, documentId, assetId) {
const title = `TEST-456-resource-${stamp}`;
await renameDocument(context.request, doc.workspaceId, doc.documentId, title);
const mindmapId = `mindmap_456_${stamp}`;
const officeAssetId = `asset_office_456_${stamp}`;
await createMindmap(context.request, doc.workspaceId, doc.documentId, mindmapId, `TEST-456-mind-${stamp}`);
result.fixture = { ...doc, title, mindmapId, officeAssetId };
const officeAsset = await uploadOfficeAsset(context.request, doc.workspaceId, doc.documentId);
const officeAssetId = officeAsset.id;
result.fixture = { ...doc, title, mindmapId, officeAssetId, officeAsset };
result.projectionAfterUpload = await readFileTreeProjection(context.request, doc.workspaceId, doc.documentId).catch((error) => ({
error: error instanceof Error ? error.message : String(error),
}));
await openDocument(page, doc.workspaceId, doc.documentId);
await openFilesystemView(page);
await page.waitForSelector(`#sidebar-file-tree-root .tree-row[data-asset-id="${mindmapId}"]`, { timeout: UI_TIMEOUT_MS });
await injectOfficeRow(page, doc.documentId, officeAssetId);
await page.waitForSelector(`#sidebar-file-tree-root .tree-row[data-asset-id="${officeAssetId}"]`, { timeout: UI_TIMEOUT_MS });
await page.evaluate(() => {
window.__task456FileRoot = document.getElementById("sidebar-file-tree-root");
});
result.before = await readResourceState(page, doc.documentId, mindmapId, officeAssetId);
result.beforeFileTreeRows = await page.evaluate(() =>
Array.from(document.querySelectorAll("#sidebar-file-tree-root .tree-row[data-shell-mode='filetree']")).map((row) => ({
rowId: row.getAttribute("data-row-id") || "",
rowKind: row.getAttribute("data-row-kind") || "",
documentId: row.getAttribute("data-document-id") || "",
ownerDocumentId: row.getAttribute("data-owner-document-id") || "",
assetId: row.getAttribute("data-asset-id") || "",
objectKind: row.getAttribute("data-object-kind") || "",
title: row.querySelector(".tree-link-title")?.textContent?.trim() || "",
})),
);
assert(result.before.mindmapExists, "filetree 应显示 mindmap 资源行");
assert(result.before.officeExists, "filetree 应显示 office 资源行");
@@ -147,17 +185,17 @@ async function injectOfficeRow(page, documentId, assetId) {
});
await openDocument(page, doc.workspaceId, doc.documentId);
await openFilesystemView(page);
await injectOfficeRow(page, doc.documentId, officeAssetId);
await page.waitForSelector(`#sidebar-file-tree-root .tree-row[data-asset-id="${officeAssetId}"]`, { timeout: UI_TIMEOUT_MS });
result.afterMindmapUpdate = await readResourceState(page, doc.documentId, mindmapId, officeAssetId);
assert(result.afterMindmapUpdate.mindmapExists, "mindmap 更新后 filetree 资源行不应丢失");
assert(result.afterMindmapUpdate.pageExists, "mindmap 更新后页面行不应丢失");
const officePopupPromise = page.waitForEvent("popup", { timeout: UI_TIMEOUT_MS });
await page.click(`#sidebar-file-tree-root .tree-row[data-asset-id="${officeAssetId}"] .tree-link`, { timeout: UI_TIMEOUT_MS });
await page.waitForURL((url) => url.pathname.includes(`/office/${encodeURIComponent(doc.documentId)}/${encodeURIComponent(officeAssetId)}`), {
timeout: UI_TIMEOUT_MS,
});
await page.waitForSelector("[data-mnote-object-editor='onlyoffice']", { timeout: UI_TIMEOUT_MS });
result.afterOfficeOpen = await readResourceState(page, doc.documentId, mindmapId, officeAssetId);
const officePage = await officePopupPromise;
await officePage.waitForLoadState("domcontentloaded", { timeout: UI_TIMEOUT_MS });
await officePage.waitForSelector("[data-mnote-object-editor='onlyoffice']", { timeout: UI_TIMEOUT_MS });
result.afterOfficeOpen = await readObjectShellState(officePage);
assert(result.afterOfficeOpen.currentObjectIdentity.includes(`resource:onlyoffice:${doc.documentId}:${officeAssetId}`), "office 对象壳应暴露 resource identity");
await writeResult({ ...result, ok: true, finalUrl: page.url() });