HealthLog/e2e/settings-export.spec.ts

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

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

/**
 * Settings → Export & Import 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 import surfaces (v1.15.7, issue #281) render: the Apple Health
 *      and generic-JSON cards.
 *   3. The health-record "included data" checklist is a disclosure,
 *      collapsed by default, and 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" });
    // The health-record export is the page hero; the four CSV/backup
    // tiles keep the `export-card-*` shape. The doctor report lives
    // under the health-record export, so it is no longer a separate
    // surface here.
    for (const id of [
      "health-record-export-panel",
      "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 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,
  }) => {
    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,
  }) => {
    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");
  });
});