import fs from "node:fs";
import path from "node:path";
import { test } from "@playwright/test";

import { screenshot } from "./util";

const templatesDir = path.resolve(
  import.meta.dirname,
  "../apps/backend/src/email/templates",
);
const templateFiles = fs
  .readdirSync(templatesDir)
  .filter((file) => file.endsWith(".tsx"));

templateFiles.forEach((file) => {
  if (file === "index.ts") {
    return;
  }
  const type = path.basename(file, ".tsx");
  test(`email ${type}`, async ({ page }) => {
    await page.goto(`/email-preview/${type}`);
    await screenshot(page, `email/${type}`, {
      viewports: ["iphone-x", "macbook-15"],
    });
  });
});