105 行
5.0 KiB
TypeScript
105 行
5.0 KiB
TypeScript
import { expect, test, type Locator, type Page } from "@playwright/test";
|
|
|
|
const EMPLOYEE = { identifier: "[email protected]", password: "EmployeePassword1234", name: "Employee" };
|
|
const MANAGER = { identifier: "[email protected]", password: "ManagerPassword1234", name: "Manager" };
|
|
const FINANCE_MGR = { identifier: "[email protected]", password: "FinanceMgrPassword1234", name: "Finance Manager" };
|
|
|
|
async function login(page: Page, user: { identifier: string; password: string }) {
|
|
await page.goto("/login");
|
|
await page.getByTestId("login-identifier").fill(user.identifier);
|
|
await page.getByTestId("login-password").fill(user.password);
|
|
await page.getByTestId("login-submit").click();
|
|
await expect(page).toHaveURL(/\/portal/);
|
|
}
|
|
|
|
async function logout(page: Page, userDisplayName: string) {
|
|
await page.getByRole("button", { name: userDisplayName }).click();
|
|
await page.getByRole("menuitem", { name: "退出登录" }).click();
|
|
await expect(page).toHaveURL(/\/login/);
|
|
}
|
|
|
|
async function selectFirstBusinessOption(locator: Locator) {
|
|
await expect
|
|
.poll(async () => {
|
|
const optionValues = await locator.locator("option").evaluateAll((options) =>
|
|
options
|
|
.map((option) => ({ value: (option as HTMLOptionElement).value, disabled: (option as HTMLOptionElement).disabled }))
|
|
.filter((option) => option.value && !option.disabled)
|
|
.map((option) => option.value),
|
|
);
|
|
return optionValues[0] ?? "";
|
|
})
|
|
.not.toBe("");
|
|
|
|
const optionValues = await locator.locator("option").evaluateAll((options) =>
|
|
options
|
|
.map((option) => ({ value: (option as HTMLOptionElement).value, disabled: (option as HTMLOptionElement).disabled }))
|
|
.filter((option) => option.value && !option.disabled)
|
|
.map((option) => option.value),
|
|
);
|
|
|
|
await locator.selectOption(optionValues[0]);
|
|
}
|
|
|
|
test("E2E 采购主链路：员工提单→经理审批→财务归档", async ({ page }) => {
|
|
const title = `Playwright 采购 ${Date.now()}`;
|
|
|
|
await login(page, EMPLOYEE);
|
|
await page.getByRole("link", { name: "采购申请", exact: true }).first().click();
|
|
await page.getByTestId("purchase-requests-create").click();
|
|
|
|
await expect(page.getByTestId("purchase-title")).toBeVisible();
|
|
await page.getByTestId("purchase-title").fill(title);
|
|
await selectFirstBusinessOption(page.getByTestId("purchase-legal-entity"));
|
|
await selectFirstBusinessOption(page.getByTestId("purchase-cost-center"));
|
|
await selectFirstBusinessOption(page.getByTestId("purchase-supplier"));
|
|
await selectFirstBusinessOption(page.getByTestId("purchase-document-category"));
|
|
await page.getByTestId("purchase-add-item").click();
|
|
|
|
await page.locator('[data-testid^="purchase-item-description-"]').first().fill("Playwright Laptop");
|
|
await page.locator('[data-testid^="purchase-item-quantity-"]').first().fill("2");
|
|
await page.locator('[data-testid^="purchase-item-unit-price-"]').first().fill("100");
|
|
|
|
const submitResponsePromise = page.waitForResponse(
|
|
(response) => response.request().method() === "POST" && /\/api\/purchase-requests\/[^/]+\/submit$/.test(new URL(response.url()).pathname),
|
|
);
|
|
await page.getByTestId("purchase-submit").click();
|
|
const submitResponse = await submitResponsePromise;
|
|
const submitPayload = (await submitResponse.json()) as {
|
|
data: { currentTaskId: string };
|
|
};
|
|
const currentTaskId = submitPayload.data.currentTaskId;
|
|
await expect(page.getByTestId("purchase-detail-status")).toHaveText("审批中", { timeout: 30_000 });
|
|
|
|
await logout(page, EMPLOYEE.name);
|
|
|
|
await login(page, MANAGER);
|
|
await page.getByRole("link", { name: "待我处理" }).click();
|
|
const managerTaskRow = page.getByTestId("workflow-task-row").filter({ hasText: currentTaskId }).first();
|
|
await expect(managerTaskRow).toBeVisible({ timeout: 30_000 });
|
|
await managerTaskRow.getByTestId("workflow-task-detail-link").click();
|
|
await expect(page.getByTestId("workflow-task-summary")).toContainText(title);
|
|
await page.getByTestId("workflow-task-approve").click();
|
|
await expect(page.getByTestId("workflow-task-summary")).toContainText("状态：已完成");
|
|
|
|
await logout(page, MANAGER.name);
|
|
|
|
await login(page, FINANCE_MGR);
|
|
await page.getByRole("link", { name: "采购申请", exact: true }).first().click();
|
|
await page.getByRole("button", { name: "全范围" }).click();
|
|
await page.getByRole("combobox").first().selectOption("approved");
|
|
const purchaseRow = page.getByRole("row").filter({ hasText: title }).first();
|
|
await expect(purchaseRow).toBeVisible({ timeout: 30_000 });
|
|
await purchaseRow.click();
|
|
|
|
await expect(page.getByTestId("purchase-archive-po-no")).toBeVisible();
|
|
await page.getByTestId("purchase-archive-po-no").fill("PO-E2E-001");
|
|
await page.getByTestId("purchase-archive-contract-no").fill("CT-E2E-001");
|
|
await page.getByTestId("purchase-archive-save").click();
|
|
|
|
await expect(page.getByTestId("purchase-archive-po-no")).toHaveValue("PO-E2E-001");
|
|
await expect(page.getByTestId("purchase-archive-contract-no")).toHaveValue("CT-E2E-001");
|
|
|
|
await logout(page, FINANCE_MGR.name);
|
|
});
|