create-m5kdev 0.25.2 → 0.26.1

package/templates/minimal-app/apps/e2e/playwright.expo.config.ts.tpl

@@ -0,0 +1,38 @@
+import { defineConfig, devices } from "@playwright/test";
+import { EXPO_BASE_URLS, expoWebServer, serverWebServer } from "./servers";
+
+export default defineConfig({
+  testDir: "./tests",
+  fullyParallel: false,
+  workers: 1,
+  forbidOnly: Boolean(process.env.CI),
+  retries: process.env.CI ? 2 : 0,
+  reporter: [["list"], ["html", { open: "never" }]],
+  use: {
+    trace: "on-first-retry",
+  },
+  webServer: [
+    serverWebServer("standard", { expo: true }),
+    expoWebServer("standard"),
+    serverWebServer("waitlist", { expo: true }),
+    expoWebServer("waitlist"),
+  ],
+  projects: [
+    {
+      name: "expo-standard",
+      testMatch: /.*expo-standard\.spec\.ts/,
+      use: {
+        ...devices["Desktop Chrome"],
+        baseURL: EXPO_BASE_URLS.standard,
+      },
+    },
+    {
+      name: "expo-waitlist",
+      testMatch: /.*expo-waitlist\.spec\.ts/,
+      use: {
+        ...devices["Desktop Chrome"],
+        baseURL: EXPO_BASE_URLS.waitlist,
+      },
+    },
+  ],
+});

package/templates/minimal-app/apps/e2e/servers.ts.tpl

@@ -0,0 +1,100 @@
+/**
+ * Shared webServer definitions for the Playwright configs. Each profile runs
+ * an isolated stack: own port pair, own SQLite file, own email output dir, and
+ * own Redis DB index (queue names are identical across profiles — sharing a
+ * Redis DB would let one profile's workers consume the other's jobs).
+ */
+
+export type E2EProfile = "standard" | "waitlist";
+
+const SERVER_FILTER = "pnpm --filter {{PACKAGE_SCOPE}}/server exec";
+const WEBAPP_FILTER = "pnpm --filter {{PACKAGE_SCOPE}}/webapp exec";
+
+const PORTS: Record<E2EProfile, { web: number; server: number; expoWeb: number; expoServer: number; redisDb: number; expoRedisDb: number }> = {
+  standard: { web: 15173, server: 18180, expoWeb: 15183, expoServer: 18182, redisDb: 1, expoRedisDb: 3 },
+  waitlist: { web: 15174, server: 18181, expoWeb: 15184, expoServer: 18183, redisDb: 2, expoRedisDb: 4 },
+};
+
+function serverEnv(profile: E2EProfile, expo: boolean): Record<string, string> {
+  const ports = PORTS[profile];
+  const serverPort = expo ? ports.expoServer : ports.server;
+  const webPort = expo ? ports.expoWeb : ports.web;
+  const suffix = expo ? `${profile}-expo` : profile;
+  return {
+    PORT: String(serverPort),
+    VITE_SERVER_URL: `http://127.0.0.1:${serverPort}`,
+    VITE_APP_URL: `http://127.0.0.1:${webPort}`,
+    DATABASE_URL: `file:./.e2e/${suffix}.db`,
+    EMAIL_OUTPUT_DIRECTORY: `.e2e/emails-${suffix}`,
+    PROVISIONED_EMAIL_DOMAIN: "provisioned.auth-e2e.local",
+    REDIS_URL: `redis://127.0.0.1:6379/${expo ? PORTS[profile].expoRedisDb : PORTS[profile].redisDb}`,
+    VITE_ENABLE_WAITLIST: profile === "waitlist" ? "true" : "false",
+    AUTH_E2E_PROFILE: profile,
+    BETTER_AUTH_SECRET: "auth-e2e-local-secret-auth-e2e-local-secret",
+    SYSTEM_NOTIFICATION_EMAIL: "ops@auth-e2e.local",
+    NODE_ENV: "development",
+    // hermetic: a real key in the invoking shell would flip email mode to
+    // "send" and the stored-email assertions would find nothing
+    RESEND_API_KEY: "",
+  };
+}
+
+export function serverWebServer(profile: E2EProfile, { expo = false } = {}) {
+  const env = serverEnv(profile, expo);
+  return {
+    command: [
+      `${SERVER_FILTER} tsx drizzle/reset.ts`,
+      `${SERVER_FILTER} drizzle-kit migrate`,
+      `${SERVER_FILTER} tsx drizzle/seed.e2e.ts`,
+      `${SERVER_FILTER} tsx src/index.ts`,
+    ].join(" && "),
+    url: `${env.VITE_SERVER_URL}/__emails`,
+    reuseExistingServer: !process.env.CI,
+    timeout: 120_000,
+    env,
+  };
+}
+
+export function webappWebServer(profile: E2EProfile) {
+  const ports = PORTS[profile];
+  const env = serverEnv(profile, false);
+  return {
+    command: `${WEBAPP_FILTER} vite --host 127.0.0.1 --port ${ports.web}`,
+    url: `http://127.0.0.1:${ports.web}`,
+    reuseExistingServer: !process.env.CI,
+    timeout: 120_000,
+    env: {
+      VITE_SERVER_URL: env.VITE_SERVER_URL,
+      VITE_APP_URL: env.VITE_APP_URL,
+      VITE_ENABLE_WAITLIST: env.VITE_ENABLE_WAITLIST,
+    },
+  };
+}
+
+export function expoWebServer(profile: E2EProfile) {
+  const ports = PORTS[profile];
+  const env = serverEnv(profile, true);
+  return {
+    command: `pnpm --filter {{PACKAGE_SCOPE}}/expo exec expo start --web --port ${ports.expoWeb} --host localhost`,
+    url: `http://127.0.0.1:${ports.expoWeb}`,
+    reuseExistingServer: !process.env.CI,
+    timeout: 180_000,
+    env: {
+      EXPO_PUBLIC_SERVER_URL: env.VITE_SERVER_URL,
+      EXPO_PUBLIC_APP_URL: `http://127.0.0.1:${ports.expoWeb}`,
+      EXPO_PUBLIC_ENABLE_WAITLIST: env.VITE_ENABLE_WAITLIST,
+      EXPO_NO_TELEMETRY: "1",
+      BROWSER: "none",
+    },
+  };
+}
+
+export const BASE_URLS: Record<E2EProfile, string> = {
+  standard: `http://127.0.0.1:${PORTS.standard.web}`,
+  waitlist: `http://127.0.0.1:${PORTS.waitlist.web}`,
+};
+
+export const EXPO_BASE_URLS: Record<E2EProfile, string> = {
+  standard: `http://127.0.0.1:${PORTS.standard.expoWeb}`,
+  waitlist: `http://127.0.0.1:${PORTS.waitlist.expoWeb}`,
+};

package/templates/minimal-app/apps/e2e/tests/email.spec.ts.tpl

@@ -0,0 +1,47 @@
+import { expect, test } from "@playwright/test";
+import { clearEmails, latestEmail, profileFrom, profiles } from "./helpers";
+
+test("stored email inbox renders and exposes JSON helpers", async ({ page, request }, testInfo) => {
+  const profile = profileFrom(testInfo);
+  await clearEmails(request, profile);
+
+  await page.goto("/forgot-password");
+  await page.locator('[name="forgot-password-email"]').fill(profiles[profile].adminEmail);
+  const resetRequestPromise = page.waitForResponse(
+    (response) =>
+      response.url().includes("/api/auth/request-password-reset") &&
+      response.request().method() === "POST"
+  );
+  await page.getByRole("button", { name: /reset password/i }).click();
+  const resetRequest = await resetRequestPromise;
+  expect(
+    resetRequest.ok(),
+    `${resetRequest.status()} ${resetRequest.statusText()}: ${await resetRequest.text()}`
+  ).toBe(true);
+
+  const email = await latestEmail(request, profile, {
+    to: profiles[profile].adminEmail,
+    templateId: "password-reset",
+  });
+  expect(email.subject).toContain("Reset");
+  expect(email.html).toContain("Reset your password");
+
+  await page.goto(`${profiles[profile].serverUrl}/__emails`);
+  await expect(page.getByRole("heading", { name: "Stored emails" })).toBeVisible();
+  await page.goto(`${profiles[profile].serverUrl}/__emails/${email.id}`);
+  await expect(page.getByRole("heading", { name: email.subject })).toBeVisible();
+
+  const rawResponse = await request.get(
+    `${profiles[profile].serverUrl}/__emails/${email.id}/raw.html`
+  );
+  expect(rawResponse.ok()).toBe(true);
+  expect(await rawResponse.text()).toContain("Reset your password");
+
+  const jsonResponse = await request.get(
+    `${profiles[profile].serverUrl}/__emails/${email.id}.json`
+  );
+  expect(jsonResponse.ok()).toBe(true);
+  const payload = await jsonResponse.json();
+  expect(payload.props).toEqual(expect.objectContaining({ url: expect.any(String) }));
+  expect(payload.html).toContain("Reset your password");
+});

package/templates/minimal-app/apps/e2e/tests/expo-helpers.ts.tpl

@@ -0,0 +1,73 @@
+import type { BackendTRPCRouter } from "@m5kdev/backend/types";
+import { transformer } from "@m5kdev/commons/utils/trpc";
+import type { Page } from "@playwright/test";
+import { expect } from "@playwright/test";
+import { createTRPCClient, httpBatchLink } from "@trpc/client";
+import { type Profile, profiles } from "./helpers";
+
+type FetchInit = NonNullable<Parameters<typeof fetch>[1]>;
+
+async function cookieHeader(page: Page, profile: Profile) {
+  const cookies = await page.context().cookies(profiles[profile].serverUrl);
+  return cookies.map((cookie) => `${cookie.name}=${cookie.value}`).join("; ");
+}
+
+export async function createExpoTrpcClient(page: Page, profile: Profile) {
+  const cookie = await cookieHeader(page, profile);
+
+  return createTRPCClient<BackendTRPCRouter>({
+    links: [
+      httpBatchLink({
+        url: `${profiles[profile].serverUrl}/trpc`,
+        fetch(url, options) {
+          const headers = new Headers(options?.headers);
+          if (cookie) {
+            headers.set("cookie", cookie);
+          }
+          return fetch(url, {
+            ...options,
+            body: options?.body ? (options.body as FetchInit["body"]) : undefined,
+            headers,
+          });
+        },
+        transformer,
+      }),
+    ],
+  });
+}
+
+export async function expoSignUp(page: Page, email: string, password: string) {
+  await page.goto("/signup");
+  await page.getByTestId("signup-email").fill(email);
+  await page.getByTestId("signup-password").fill(password);
+  await page.getByTestId("signup-submit").click();
+}
+
+export async function expoLogin(page: Page, email: string, password: string) {
+  await page.goto("/login");
+  await page.getByTestId("login-email").fill(email);
+  await page.getByTestId("login-password").fill(password);
+  await page.getByTestId("login-submit").click();
+  await expect(page.getByTestId("session-email")).toContainText(email);
+}
+
+export async function expoLogout(page: Page) {
+  await page.goto("/logout");
+  await expect(page).toHaveURL(/\/login/);
+}
+
+export async function expectExpoLoginRejected(page: Page, email: string, password: string) {
+  await page.goto("/login");
+  await page.getByTestId("login-email").fill(email);
+  await page.getByTestId("login-password").fill(password);
+  const responsePromise = page.waitForResponse(
+    (response) =>
+      response.url().includes("/api/auth/sign-in/email") && response.request().method() === "POST"
+  );
+  await page.getByTestId("login-submit").click();
+  const response = await responsePromise;
+  expect(
+    response.ok(),
+    `${response.status()} ${response.statusText()}: ${await response.text()}`
+  ).toBe(false);
+}