59 lines
3.3 KiB
TypeScript
59 lines
3.3 KiB
TypeScript
import { test, expect } from "@playwright/test";
|
|
import { makeEntry, mockApi, 登录 } from "../测试夹具";
|
|
|
|
test.describe("报销:从支出详情记录", () => {
|
|
test("01-支出详情可以记录部分报销并保留原支出", async ({ page }) => {
|
|
await mockApi(page, { initialEntries: [makeEntry({ amount: 3200 })] });
|
|
await 登录(page);
|
|
await page.getByText("午餐").click();
|
|
await page.getByRole("button", { name: "记录报销" }).click();
|
|
await page.getByLabel("本次报销金额").fill("20");
|
|
await page.getByRole("button", { name: "确认报销" }).click();
|
|
await expect(page.getByText(/已报销/)).toBeVisible();
|
|
await expect(page.getByText("净支出")).toBeVisible();
|
|
});
|
|
|
|
test("02-报销金额不能超过原支出的剩余金额", async ({ page }) => {
|
|
await mockApi(page, { initialEntries: [makeEntry({ amount: 3200 })] });
|
|
await 登录(page);
|
|
await page.getByText("午餐").click();
|
|
await page.getByRole("button", { name: "记录报销" }).click();
|
|
await page.getByLabel("本次报销金额").fill("3201");
|
|
await page.getByRole("button", { name: "确认报销" }).click();
|
|
await expect(page.locator("form.reimbursement-sheet").getByText(/不超过剩余可报销金额/)).toBeVisible();
|
|
});
|
|
|
|
test("03-报销到账不出现在普通收入分类统计中", async ({ page }) => {
|
|
await mockApi(page, { initialEntries: [makeEntry(), makeEntry({ id: "reimbursement", type: "income", amount: 1000, categoryId: "restaurant", reimbursementOfEntryId: "entry-lunch", note: "午餐报销" })] });
|
|
await 登录(page);
|
|
await page.goto("/stats");
|
|
await expect(page.getByText("报销到账")).not.toBeVisible();
|
|
});
|
|
|
|
test("04-流水中的报销到账标记为不计入并使用蓝色删除线金额", async ({ page }) => {
|
|
await mockApi(page, { initialEntries: [makeEntry(), makeEntry({ id: "reimbursement", type: "income", amount: 1000, categoryId: "restaurant", reimbursementOfEntryId: "entry-lunch", note: "午餐报销" })] });
|
|
await 登录(page);
|
|
|
|
const reimbursement = page.locator(".entry-row", { hasText: "午餐报销" });
|
|
await expect(reimbursement.getByText("不计入")).toBeVisible();
|
|
await expect(reimbursement.locator(".entry-value .reimbursement")).toHaveText("¥32.00");
|
|
await expect(reimbursement.locator(".entry-value .reimbursement")).not.toContainText("+");
|
|
await expect(reimbursement.locator(".entry-value .reimbursement")).toHaveCSS("color", "rgb(52, 120, 184)");
|
|
await expect(reimbursement.locator(".entry-value .reimbursement")).toHaveCSS("text-decoration-line", "line-through");
|
|
});
|
|
|
|
test("05-报销详情可以跳转到关联原支出", async ({ page }) => {
|
|
await mockApi(page, { initialEntries: [
|
|
makeEntry({ note: "午餐支出" }),
|
|
makeEntry({ id: "reimbursement", type: "income", amount: 1000, categoryId: "restaurant", reimbursementOfEntryId: "entry-lunch", note: "午餐报销" }),
|
|
] });
|
|
await 登录(page);
|
|
await page.goto("/entries/reimbursement");
|
|
|
|
await page.getByRole("link", { name: /关联原支出/ }).click();
|
|
await expect(page).toHaveURL(/\/entries\/entry-lunch$/);
|
|
await expect(page.getByRole("button", { name: "记录报销" })).toBeVisible();
|
|
await expect(page.locator("textarea")).toHaveValue("午餐支出");
|
|
});
|
|
});
|