create-m5kdev 0.32.8 → 0.34.0

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

@@ -1,47 +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");
-});
+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

@@ -1,73 +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);
-}
+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);
+}