Puppeteer

import puppeteer from 'puppeteer';
import { createInbox, waitForMail, extractOtp } from './tempinbox.mjs';

describe('signup with OTP', () => {
  let browser, page;

  beforeAll(async () => {
    browser = await puppeteer.launch();
    page = await browser.newPage();
  });
  afterAll(() => browser.close());

  test('user can sign up and verify', async () => {
    // 1. Unique inbox for this test
    const { address, jwt } = await createInbox();

    // 2. Fill the signup form
    await page.goto('https://your-app.example.com/signup');
    await page.type('[name="email"]', address);
    await page.type('[name="password"]', 'Test1234!');
    await page.click('button[type="submit"]');

    // 3. Poll the API (not the browser) for the email
    const mail = await waitForMail(jwt, { timeoutMs: 30_000 });

    // 4. Submit the OTP
    const otp = extractOtp(mail.raw);
    await page.waitForSelector('[name="otp"]');
    await page.type('[name="otp"]', otp);
    await page.click('button[type="submit"]');

    // 5. Assert success
    await page.waitForFunction(() => location.pathname.includes('/dashboard'));
  }, 60_000);
});