Test one-time codes sent by email

// tests/email-code.spec.ts
import { test, expect } from "@playwright/test";
import { newAddress, waitForEmail } from "./zyntra";

const SIX_DIGITS = /\b(\d{6})\b/;

test("sign-in asks for the code sent by email", async ({ page }) => {
  test.setTimeout(90_000);
  const address = newAddress("code");
  // ...create the user with this address first (seed or sign-up)...

  await page.goto("/login");
  await page.getByLabel("Email").fill(address);
  await page.getByLabel("Password").fill("a-long-test-password");
  await page.getByRole("button", { name: "Log in" }).click();

  // The test reads the code from the email body itself.
  const email = await waitForEmail(address, (e) =>
    e.subject.includes("Your sign-in code"),
  );
  const code = email.body.match(SIX_DIGITS)?.[1];
  expect(code, "6-digit code in the email").toBeDefined();

  await page.getByLabel("Code").fill(code!);
  await page.getByRole("button", { name: "Verify" }).click();
  await expect(page.getByText("Dashboard")).toBeVisible();
});

// zyntra.ts — read test email from Zyntra
import { randomUUID } from "node:crypto";

const API = "https://api.zyntra.app";
const KEY = process.env.ZYNTRA_API_KEY!;
const TEAM = process.env.ZYNTRA_TEAM_ID!;

export interface Email {
  subject: string;
  body: string; // plain-text part
  html: string | null;
  received_at: string;
  links: { url: string; text: string }[];
}

// A fresh address per test: no mail from earlier runs,
// no clash between parallel workers. Tags use no dots.
export const newAddress = (tag: string) =>
  `${TEAM}.${tag}-${randomUUID().slice(0, 8)}@zyntramail.com`;

// The newest email to `address` that passes `match`.
// The first request waits up to 30 s on the server.
export async function waitForEmail(
  address: string,
  match: (e: Email) => boolean = () => true,
  timeoutMs = 60_000,
): Promise<Email> {
  const deadline = Date.now() + timeoutMs;
  while (Date.now() < deadline) {
    const res = await fetch(
      `${API}/emails/last?email=${encodeURIComponent(address)}`,
      { headers: { "X-API-Key": KEY } },
    );
    if (res.ok) {
      const email = (await res.json()) as Email;
      if (match(email)) return email;
    } else if (res.status !== 404) {
      throw new Error(`Zyntra API: ${res.status}`);
    }
    await new Promise((r) => setTimeout(r, 2_000));
  }
  throw new Error(`No matching email for ${address}`);
}