104 lines
3.5 KiB
JavaScript
104 lines
3.5 KiB
JavaScript
/**
|
|
* 截图：详情抽屉里的 Markdown 编辑器（写作态 + 预览态）。
|
|
* 只用于留存界面现状，不做断言。
|
|
*/
|
|
import { chromium } from "playwright-core";
|
|
|
|
const API = "http://127.0.0.1:8100/api/v1";
|
|
const WEB = "http://127.0.0.1:5180";
|
|
const stamp = String(Date.now()).slice(-7);
|
|
const phone = `137${stamp}0`;
|
|
|
|
async function call(method, path, body, token) {
|
|
const headers = { "content-type": "application/json" };
|
|
if (token) headers.authorization = `Bearer ${token}`;
|
|
if (method !== "GET") headers["idempotency-key"] = `shot-${Math.random()}`;
|
|
const res = await fetch(`${API}${path}`, {
|
|
method,
|
|
headers,
|
|
body: body ? JSON.stringify(body) : undefined,
|
|
});
|
|
const json = JSON.parse(await res.text());
|
|
if (json.code !== 0) throw new Error(`${path} ${json.code} ${json.message}`);
|
|
return json.data;
|
|
}
|
|
|
|
const PNG = Buffer.from(
|
|
"iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAAXklEQVR42u3BAQ0AAADCoPdPbQ8H" +
|
|
"FAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" +
|
|
"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4G8wAAAB" +
|
|
"T2nSywAAAABJRU5ErkJggg==",
|
|
"base64",
|
|
);
|
|
|
|
await call("POST", "/auth/sms/send", { phone });
|
|
const login = await call("POST", "/auth/login", { phone, code: "123456" });
|
|
const token = login.tokens.access_token;
|
|
const ws = await call("POST", "/workspaces", { name: "远航工作室" }, token);
|
|
|
|
const body = [
|
|
"**快递只收顺丰**，其它快递到不了前台。",
|
|
"",
|
|
"寄之前先拍一张照片存档，并在下面写上单号。",
|
|
"",
|
|
"1. 抬头写「远航科技（上海）有限公司」",
|
|
"2. 备注「报销 - 十月」",
|
|
"3. 底单留在文件袋里",
|
|
].join("\n");
|
|
|
|
const task = await call(
|
|
"POST",
|
|
`/workspaces/${ws.id}/items`,
|
|
{ title: "把十月报销单寄给财务", body_md: body, priority: 2 },
|
|
token,
|
|
);
|
|
|
|
const form = new FormData();
|
|
form.append("file", new Blob([PNG], { type: "image/png" }), "底单照片.png");
|
|
const uploaded = await fetch(
|
|
`${API}/workspaces/${ws.id}/items/${task.id}/attachments`,
|
|
{ method: "POST", headers: { authorization: `Bearer ${token}` }, body: form },
|
|
);
|
|
const att = (await uploaded.json()).data;
|
|
|
|
await call(
|
|
"PATCH",
|
|
`/workspaces/${ws.id}/items/${task.id}`,
|
|
{
|
|
version: task.version,
|
|
body_md: `${body}\n\n`,
|
|
},
|
|
token,
|
|
);
|
|
|
|
const browser = await chromium.launch({
|
|
executablePath: `${process.env.LOCALAPPDATA}\\ms-playwright\\chromium-1223\\chrome-win64\\chrome.exe`,
|
|
});
|
|
const context = await browser.newContext({ viewport: { width: 1440, height: 960 } });
|
|
const page = await context.newPage();
|
|
|
|
await page.goto(`${WEB}/login`);
|
|
await page.evaluate(
|
|
([access, refresh]) => {
|
|
localStorage.setItem("dadao.access", access);
|
|
localStorage.setItem("dadao.refresh", refresh);
|
|
},
|
|
[token, login.tokens.refresh_token],
|
|
);
|
|
await page.goto(`${WEB}/w/${ws.id}`);
|
|
await page.getByRole("heading", { name: "任务" }).waitFor();
|
|
await page.getByRole("button", { name: "全部", exact: true }).click();
|
|
await page.getByRole("button", { name: "把十月报销单寄给财务", exact: true }).click();
|
|
const drawer = page.getByRole("dialog");
|
|
await drawer.waitFor();
|
|
await page.waitForTimeout(600);
|
|
await page.screenshot({ path: "../2.Design/screens/web-editor-write.png" });
|
|
|
|
await drawer.getByRole("button", { name: "预览" }).click();
|
|
await page.waitForTimeout(900);
|
|
await page.screenshot({ path: "../2.Design/screens/web-editor-preview.png" });
|
|
|
|
await context.close();
|
|
await browser.close();
|
|
console.log("shots saved");
|