Files
HealthLog/e2e/doctor-report.spec.ts
T
Marc-André BombeckandClaude Opus 4.7 a106547e20 test(e2e): doctor-report PDF + mobile-viewport smoke
doctor-report.spec.ts mocks /api/doctor-report with a
shape-correct payload, clicks the "Doctor report" button on
/settings/advanced, captures the resulting download via Playwright's
`waitForEvent('download')`, and asserts the file is >1KB and starts
with the `%PDF` magic.

mobile-viewport.spec.ts is a Pixel 5 only smoke that verifies the
dashboard has no horizontal scroll, the fixed bottom-nav doesn't
clobber main content, and every interactive CTA visible above the
fold meets WCAG 2.5.5 (≥44×44 CSS px). Skips on the desktop project
via testInfo.project.name.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-09 16:49:09 +02:00

91 lines
3.3 KiB
TypeScript

import { expect, test } from "@playwright/test";
import { STORAGE_STATE_PATH } from "./setup/global-setup";
/**
* Doctor-report PDF flow. The real flow:
* 1. User clicks "Doctor report (PDF)" on `/settings/advanced`
* 2. Frontend POSTs `/api/doctor-report` to fetch aggregated data
* 3. Frontend dynamic-imports `src/lib/doctor-report-pdf.ts` and
* generates the PDF client-side via jsPDF; calls `doc.save(...)`
* which triggers a download.
*
* This spec mocks step 2 (so we don't need 90 days of seeded data) and
* captures step 3's download via Playwright's download API. We then
* confirm the file is non-empty and starts with `%PDF` magic bytes.
*/
test.describe("doctor report PDF generation", () => {
test.use({ storageState: STORAGE_STATE_PATH });
test("button click triggers a non-empty PDF download", async ({ page }) => {
// Mock the data endpoint with a minimal-but-shape-correct payload.
// The shape below mirrors the `ReportData` interface in
// `src/lib/doctor-report-pdf.ts` — empty stats / medications / mood
// is enough to exercise the table-rendering path without 90 days
// of seeded readings.
await page.route("**/api/doctor-report", (route) =>
route.fulfill({
status: 200,
contentType: "application/json",
body: JSON.stringify({
data: {
period: {
days: 90,
since: new Date(Date.now() - 90 * 86_400_000).toISOString(),
},
patient: {
username: "e2e-tester",
dateOfBirth: "1985-06-15T00:00:00.000Z",
gender: "MALE",
heightCm: 180,
},
stats: {},
bmi: null,
compliance: {},
medications: [],
mood: null,
},
error: null,
}),
}),
);
// Capture page errors so a failed dynamic-import surfaces in the
// test output instead of timing out silently.
const pageErrors: string[] = [];
page.on("pageerror", (err) => pageErrors.push(`pageerror: ${err.message}`));
page.on("console", (msg) => {
if (msg.type() === "error")
pageErrors.push(`console.error: ${msg.text()}`);
});
await page.goto("/settings/advanced", { waitUntil: "domcontentloaded" });
// The button label varies by locale; match the EN string but keep
// the regex permissive so a future i18n rename still passes if the
// word "report" survives.
const reportBtn = page.getByRole("button", {
name: /doctor report|arztbericht|gesundheitsbericht/i,
});
await expect(reportBtn).toBeVisible({ timeout: 10_000 });
// Trigger the download and capture the resulting Download object.
const downloadPromise = page.waitForEvent("download", { timeout: 30_000 });
await reportBtn.click();
const download = await downloadPromise.catch((err) => {
throw new Error(
`Download did not fire. Page errors:\n${pageErrors.join("\n")}\n\nOriginal: ${err}`,
);
});
const path = await download.path();
expect(path).toBeTruthy();
// Read first 4 bytes — a valid PDF starts with `%PDF`.
const fs = await import("node:fs/promises");
const buf = await fs.readFile(path!);
expect(buf.byteLength).toBeGreaterThan(1024);
expect(buf.subarray(0, 4).toString("ascii")).toBe("%PDF");
});
});