88 行
4.0 KiB
TypeScript
88 行
4.0 KiB
TypeScript
import { test, expect } from "./helpers/fixtures";
|
|
import { EMPLOYEE, login, logout } from "./helpers/auth";
|
|
import { TEST_IDS } from "./helpers/testIds";
|
|
import { openNavLink } from "./helpers/navigation";
|
|
|
|
async function createBlankReimbursement(page: import("@playwright/test").Page) {
|
|
const createResponsePromise = page.waitForResponse((response) => {
|
|
const url = new URL(response.url());
|
|
return response.request().method() === "POST" && url.pathname === "/api/reimbursements" && response.ok();
|
|
});
|
|
|
|
await (await openNavLink(page, "我的报销")).click();
|
|
await expect(page.getByTestId("reimbursements-create")).toBeVisible();
|
|
await page.getByTestId("reimbursements-create").click();
|
|
await page.getByRole("menuitem", { name: "空白报销" }).click();
|
|
|
|
const createPayload = (await (await createResponsePromise).json()) as { data?: { id?: string } };
|
|
const reimbursementId = createPayload.data?.id;
|
|
if (!reimbursementId) {
|
|
throw new Error(`创建报销单后未返回 id: ${JSON.stringify(createPayload)}`);
|
|
}
|
|
|
|
return reimbursementId;
|
|
}
|
|
|
|
test("E2E 轻交互 OCR：报销详情上传后自动添加并提交", async ({ page, reimbursementDetail }) => {
|
|
await login(page, EMPLOYEE);
|
|
|
|
const reimbursementId = await createBlankReimbursement(page);
|
|
await page.goto(`/reimbursements/${reimbursementId}`);
|
|
await reimbursementDetail.assertLoaded();
|
|
|
|
await page.getByTestId(TEST_IDS.reimbursement.invoiceAdd).click();
|
|
await expect(page.getByRole("dialog", { name: "添加发票" })).toBeVisible();
|
|
|
|
const marker = `MOCK_R73_SUCCESS_${Date.now()}`;
|
|
const invoiceFileName = `r73-success-${Date.now()}.png`;
|
|
await page.getByTestId(TEST_IDS.reimbursement.invoiceUploadFile).setInputFiles({
|
|
name: invoiceFileName,
|
|
mimeType: "image/png",
|
|
buffer: Buffer.from(marker, "utf8"),
|
|
});
|
|
await page.getByTestId(TEST_IDS.reimbursement.invoiceUploadSubmit).scrollIntoViewIfNeeded();
|
|
await page.getByTestId(TEST_IDS.reimbursement.invoiceUploadSubmit).click();
|
|
|
|
await expect(page.getByTestId(TEST_IDS.reimbursement.invoices)).toContainText(invoiceFileName, { timeout: 90_000 });
|
|
await page.keyboard.press("Escape");
|
|
await expect(page.getByTestId(TEST_IDS.reimbursement.invoiceDialog)).toHaveCount(0);
|
|
|
|
await reimbursementDetail.submitReimbursement();
|
|
await expect(page.getByText(/状态：(reviewing|审批中)/)).toBeVisible({ timeout: 30_000 });
|
|
|
|
await logout(page, EMPLOYEE.name);
|
|
});
|
|
|
|
test("E2E 轻交互 OCR：票据中心缺关键字段后可在当前页修正并标记可用", async ({ page }) => {
|
|
test.skip(process.env.PLAYWRIGHT_OCR_MOCK !== "1", "需要 mock OCR 环境和 OCR 作业开启");
|
|
|
|
await login(page, EMPLOYEE);
|
|
|
|
await (await openNavLink(page, "票据中心")).click();
|
|
await expect(page.getByTestId("invoice-pool-table")).toBeVisible();
|
|
|
|
await page.getByTestId("invoice-upload-file").setInputFiles({
|
|
name: `r73-missing-${Date.now()}.png`,
|
|
mimeType: "image/png",
|
|
buffer: Buffer.from("MOCK_OCR_MISSING:invoiceCode,sellerName", "utf8"),
|
|
});
|
|
await page.getByTestId("invoice-upload-submit").click();
|
|
|
|
await expect(page.getByTestId("invoice-detail-panel")).toContainText("状态：识别失败", { timeout: 90_000 });
|
|
await expect(page.getByTestId("invoice-ocr-status-banner")).toContainText("OCR 缺少关键字段：发票代码、销售方。");
|
|
|
|
await page.getByTestId("invoice-edit-open").click();
|
|
await page.getByTestId("invoice-edit-set-available").check();
|
|
await page.getByTestId("invoice-edit-save").click();
|
|
await expect(page.locator("main").getByText(/票据仍缺少关键字段/)).toBeVisible({ timeout: 15_000 });
|
|
|
|
await page.getByTestId("invoice-edit-code").fill("044003204111");
|
|
await page.getByTestId("invoice-edit-seller-name").fill("北京悦海堂餐饮管理有限公司");
|
|
await page.getByTestId("invoice-edit-save").click();
|
|
|
|
await expect(page.getByTestId("invoice-detail-panel")).toContainText("状态：可用", { timeout: 30_000 });
|
|
await expect(page.getByTestId("invoice-detail-panel")).toContainText("北京悦海堂餐饮管理有限公司");
|
|
|
|
await logout(page, EMPLOYEE.name);
|
|
});
|