mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-08 20:42:43 +00:00
Marc-André BombeckandClaude Opus 4.8
d4801d4646
The Settings export page over-emphasised the doctor-report PDF: it owned the page hero while the broader health-record export (PDF + FHIR R4 + zip package) sat below it as a plain card. The relative prominence is now the other way round. - The health-record export panel takes the page hero, with the same hero-gradient + glow-purple treatment the Insights hero strip uses. - The doctor-report card drops the hero styling and moves to the bottom of the page as a small secondary card. It stays fully functional — the same dialog + /api/doctor-report flow runs from there. - The health-record "included data" checklist is now a disclosure, collapsed by default, so the panel opens compact instead of as a long always-expanded list. It uses the inline aria-expanded/aria-controls pattern already used elsewhere, with no new dependency. Pure presentation/IA change: export routes, payloads, and the exported data are untouched. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
97 lines
3.7 KiB
TypeScript
97 lines
3.7 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
|
|
import { STORAGE_STATE_PATH } from "./setup/global-setup";
|
|
|
|
/**
|
|
* Settings → Export consolidated UI smoke.
|
|
*
|
|
* Validates that:
|
|
* 1. The export surfaces are all rendered with their stable testids:
|
|
* the health-record export hero, the four CSV/JSON tiles, and the
|
|
* demoted doctor-report card (v1.12).
|
|
* 2. The health-record "included data" checklist is a disclosure,
|
|
* collapsed by default, and expands on demand.
|
|
* 3. Clicking the Measurements CSV download button fires a real
|
|
* browser download — proving the `/api/export/measurements`
|
|
* endpoint is reachable from the browser end-to-end.
|
|
*
|
|
* The other CSV / JSON cards share the same code path; one happy-path
|
|
* download is enough to lock in the wiring without doubling the e2e
|
|
* runtime.
|
|
*/
|
|
test.describe("Settings → Export", () => {
|
|
test.use({ storageState: STORAGE_STATE_PATH });
|
|
|
|
test("renders all export surfaces with stable testids", async ({ page }) => {
|
|
await page.goto("/settings/export", { waitUntil: "domcontentloaded" });
|
|
// v1.12 — the health-record export is the page hero; the
|
|
// doctor-report card (`export-hero-*` prefix) is demoted to the
|
|
// bottom; the four CSV/backup tiles keep the `export-card-*` shape.
|
|
for (const id of [
|
|
"health-record-export-panel",
|
|
"export-card-measurements-csv",
|
|
"export-card-medications-csv",
|
|
"export-card-mood-csv",
|
|
"export-card-full-backup",
|
|
"export-hero-doctor-report",
|
|
]) {
|
|
await expect(page.getByTestId(id)).toBeVisible({ timeout: 10_000 });
|
|
}
|
|
});
|
|
|
|
test("included-data checklist is collapsed by default and expands on demand", async ({
|
|
page,
|
|
}) => {
|
|
await page.goto("/settings/export", { waitUntil: "domcontentloaded" });
|
|
const toggle = page.getByTestId("health-record-included-data-toggle");
|
|
await expect(toggle).toBeVisible({ timeout: 10_000 });
|
|
// Collapsed on first render — the checklist panel is absent.
|
|
await expect(toggle).toHaveAttribute("aria-expanded", "false");
|
|
await expect(
|
|
page.getByTestId("health-record-included-data-panel"),
|
|
).toHaveCount(0);
|
|
// Expands on demand.
|
|
await toggle.click();
|
|
await expect(toggle).toHaveAttribute("aria-expanded", "true");
|
|
await expect(
|
|
page.getByTestId("health-record-included-data-panel"),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("Measurements CSV download fires a real download event", async ({
|
|
page,
|
|
}) => {
|
|
// Stub the API so we don't need 90 days of seeded data — the
|
|
// browser-side wiring is what we're validating, not the route's
|
|
// DB query.
|
|
await page.route("**/api/export/measurements*", (route) =>
|
|
route.fulfill({
|
|
status: 200,
|
|
contentType: "text/csv; charset=utf-8",
|
|
headers: {
|
|
"Content-Disposition":
|
|
'attachment; filename="healthlog-measurements-test.csv"',
|
|
},
|
|
body: "type,value,unit,measuredAt,source,notes,glucoseContext\nWEIGHT,80,kg,2026-05-01T08:00:00.000Z,MANUAL,,\n",
|
|
}),
|
|
);
|
|
|
|
await page.goto("/settings/export", { waitUntil: "domcontentloaded" });
|
|
const downloadBtn = page.getByTestId("export-action-measurements-csv");
|
|
await expect(downloadBtn).toBeVisible({ timeout: 10_000 });
|
|
|
|
const downloadPromise = page.waitForEvent("download", {
|
|
timeout: 30_000,
|
|
});
|
|
await downloadBtn.click();
|
|
const download = await downloadPromise;
|
|
|
|
const path = await download.path();
|
|
expect(path).toBeTruthy();
|
|
const fs = await import("node:fs/promises");
|
|
const buf = await fs.readFile(path!);
|
|
expect(buf.byteLength).toBeGreaterThan(0);
|
|
expect(buf.toString("utf8")).toContain("WEIGHT,80,kg");
|
|
});
|
|
});
|