HealthLog/e2e/settings-export.spec.ts

import { expect, test } from "@playwright/test";

import { STORAGE_STATE_PATH } from "./setup/global-setup";

/**
 * Settings → Export & Import + Gesundheitsakte UI smoke.
 *
 * Validates that:
 *   1. The Export & Import surfaces (`/settings/export`) render with their
 *      stable testids: the four CSV/JSON tiles and the import cards.
 *   2. The import surfaces (v1.15.7, issue #281) render: the Apple Health
 *      and generic-JSON cards.
 *   3. The full health-record export panel lives on its own top-level
 *      `/settings/gesundheitsakte` section (v1.18.0 S5) — including the
 *      "included data" checklist, a disclosure collapsed by default that
 *      expands on demand.
 *   4. 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 & Import", () => {
  test.use({ storageState: STORAGE_STATE_PATH });

  test("renders all export surfaces with stable testids", async ({ page }) => {
    await page.goto("/settings/export", { waitUntil: "domcontentloaded" });
    // v1.18.0 (S5) — the full health-record export moved to its own
    // `/settings/gesundheitsakte` section. The Export & Import page keeps
    // the four CSV/backup tiles with the `export-card-*` shape.
    for (const id of [
      "export-card-measurements-csv",
      "export-card-medications-csv",
      "export-card-mood-csv",
      "export-card-full-backup",
    ]) {
      await expect(page.getByTestId(id)).toBeVisible({ timeout: 10_000 });
    }
  });

  test("renders the health-record export panel on its own section", async ({
    page,
  }) => {
    // v1.18.0 (S5) — the health-record export is the hero of the
    // dedicated, module-gated Gesundheitsakte section.
    await page.goto("/settings/gesundheitsakte", {
      waitUntil: "domcontentloaded",
    });
    await expect(page.getByTestId("health-record-export-panel")).toBeVisible({
      timeout: 10_000,
    });
  });

  test("renders the import surfaces with stable testids", async ({ page }) => {
    await page.goto("/settings/export", { waitUntil: "domcontentloaded" });
    // v1.15.7 (issue #281) — the Apple Health and generic-JSON import
    // cards live in the same section, below the export options.
    for (const id of ["import-card-apple-health", "import-card-json"]) {
      await expect(page.getByTestId(id)).toBeVisible({ timeout: 10_000 });
    }
  });

  test("JSON import 'Download example' fires a real download", async ({
    page,
    isMobile,
  }) => {
    // Playwright's mobile emulation (Pixel 5 / isMobile) does not reliably
    // emit a `download` event for a Blob + anchor click — the click is treated
    // as a navigation, so `waitForEvent("download")` times out. The download
    // wiring is engine behaviour, not viewport-dependent, and is covered on the
    // chromium-desktop project; skip it on mobile rather than chase a flake.
    test.skip(isMobile, "downloads aren't observable under mobile emulation");
    await page.goto("/settings/export", { waitUntil: "domcontentloaded" });
    const exampleBtn = page.getByTestId("import-json-download-example");
    await expect(exampleBtn).toBeVisible({ timeout: 10_000 });

    const downloadPromise = page.waitForEvent("download", { timeout: 30_000 });
    await exampleBtn.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!);
    const parsed = JSON.parse(buf.toString("utf8"));
    expect(Array.isArray(parsed.measurements)).toBe(true);
    expect(Array.isArray(parsed.moodEntries)).toBe(true);
  });

  test("included-data checklist is collapsed by default and expands on demand", async ({
    page,
  }) => {
    // v1.18.0 (S5) — the panel (and its disclosure) live on the
    // dedicated Gesundheitsakte section now.
    await page.goto("/settings/gesundheitsakte", {
      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,
    isMobile,
  }) => {
    // See the JSON-download test above: mobile emulation does not emit a
    // `download` event for the anchor click. Covered on chromium-desktop.
    test.skip(isMobile, "downloads aren't observable under mobile emulation");
    // 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");
  });
});