cal/playwright/auth/forgot-password.test.ts

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

test("Can reset forgotten password", async ({ browser }) => {
  // Create a new incognito browser context
  const context = await browser.newContext({
    extraHTTPHeaders: {
      // Only needed for bypassing emails while testing
      "X-Playwright-Secret": process.env.PLAYWRIGHT_SECRET || "",
    },
  });
  // Create a new page inside context.
  const page = await context.newPage();

  // Got to reset password flow
  await page.goto("/auth/forgot-password");

  // Fill [placeholder="john.doe@example.com"]
  await page.fill('input[name="email"]', "pro@example.com");

  // Press Enter
  await Promise.all([
    page.waitForNavigation({
      url: "/auth/forgot-password/*",
    }),
    page.press('input[type="email"]', "Enter"),
  ]);

  // Fill input[name="password"]
  await page.fill('input[name="password"]', "pro");

  // Click text=Submit
  await page.click('button[type="submit"]');

  await page.waitForSelector("text=Success", {
    timeout: 3000,
  });
  expect(page.locator(`text=Success`)).toBeTruthy();

  // Click button:has-text("Login")
  await Promise.all([page.waitForNavigation({ url: "/auth/login" }), page.click('button:has-text("Login")')]);

  // Fill input[name="email"]
  await page.fill('input[name="email"]', "pro@example.com");
  await page.fill('input[name="password"]', "pro");
  await page.press('input[name="password"]', "Enter");
  await page.waitForSelector("[data-testid=dashboard-shell]");
  expect(page.locator("[data-testid=dashboard-shell]")).toBeTruthy();
  await context.close();
});