/**
 * 拍注册页的截图（文档用）。需要前端 5180、后端 8100 起着。
 *
 * 用本机 dev 的 EMAIL_CODE_DEV_ECHO：把码回给页面，截图里能看到"开发环境验证码"那一行，
 * 正好说明生产只会发到邮箱。真提交一次再拍，页面右侧是"下一步会怎样"的说明，不必留成功态。
 */
import { chromium } from "playwright-core";
import { mkdirSync } from "node:fs";

const WEB = process.env.WEB ?? "http://127.0.0.1:5180";
const OUT = "e2e/artifacts";
mkdirSync(OUT, { recursive: true });

const browser = await chromium.launch({
  executablePath:
    process.env.CHROME ??
    `${process.env.LOCALAPPDATA}/ms-playwright/chromium-1223/chrome-win64/chrome.exe`,
});
const page = await browser.newPage({ viewport: { width: 1440, height: 960 } });

await page.goto(`${WEB}/register`);
await page.waitForSelector("#email");
await page.locator("#email").fill("shufen@126.com");
await page.locator("#password").fill("dadao2026");
await page.locator("#confirm").fill("dadao2026");
await page.locator("#nickname").fill("淑芬");
await page.getByRole("button", { name: "获取验证码" }).click();
await page.waitForSelector("text=开发环境验证码", { timeout: 15000 });
await page.screenshot({ path: `${OUT}/register.png` });

await browser.close();
console.log(`${OUT}/register.png`);