test(e2e): add paid media flow coverage

2026-06-30 17:59:07 +08:00
parent e75865865f
commit 6aac9f326f
5 changed files with 514 additions and 7 deletions
@@ -0,0 +1,150 @@
+import { expect, test } from "@playwright/test";
+
+import { mockCoreApis } from "../../fixtures/api-mocks";
+import { paidImageMessageId } from "../../fixtures/test-data";
+
+test.beforeEach(async ({ baseURL, context, page }) => {
+  await context.clearCookies();
+  const client = await context.newCDPSession(page);
+  const origins = new Set([
+    new URL(baseURL ?? "http://127.0.0.1:3000").origin,
+    "http://127.0.0.1:3000",
+    "http://localhost:3000",
+  ]);
+  for (const origin of origins) {
+    await client
+      .send("Storage.clearDataForOrigin", {
+        origin,
+        storageTypes: "all",
+      })
+      .catch(() => {});
+  }
+  await mockCoreApis(page, {
+    paidImageFlow: true,
+  });
+});
+
+test("guest can unlock a paid image after email login and subscription payment", async ({
+  page,
+}) => {
+  await enterChatFromSplash(page);
+  await dismissChatInterruptions(page);
+
+  const messageInput = page.getByRole("textbox", { name: "Message" });
+  await expect(messageInput).toBeVisible({ timeout: 10_000 });
+  await messageInput.fill("给我发图片");
+
+  const sendRequestPromise = page.waitForRequest("**/api/chat/send");
+  await messageInput.press("Enter");
+
+  const sendRequest = await sendRequestPromise;
+  expect(sendRequest.postDataJSON()).toMatchObject({
+    message: "给我发图片",
+  });
+
+  const paidImageButton = page.getByRole("button", {
+    name: "Open image in fullscreen",
+  }).last();
+  await expect(paidImageButton).toBeVisible();
+
+  await paidImageButton.click();
+  await expect(page).toHaveURL(new RegExp(`/chat/image/${paidImageMessageId}$`));
+
+  const lockedImageDialog = page.getByRole("dialog", {
+    name: "Locked fullscreen image",
+  });
+  await expect(lockedImageDialog).toBeVisible();
+
+  await lockedImageDialog
+    .getByRole("button", { name: "Unlock high-definition large image" })
+    .click();
+
+  await expect(page).toHaveURL(/\/auth\?redirect=/);
+  expect(new URL(page.url()).searchParams.get("redirect")).toBe(
+    "/subscription?type=vip&returnTo=chat",
+  );
+
+  await page.getByRole("button", { name: /Other Sign In Options/i }).click();
+  await expect(
+    page.getByRole("dialog", { name: /Other sign-in options/i }),
+  ).toBeVisible();
+
+  await page.getByRole("button", { name: "Email Sign In" }).click();
+  await expect(page.getByPlaceholder("Email")).toHaveValue(
+    "chanwillian0@gmail.com",
+  );
+  await expect(page.getByPlaceholder("Password")).toHaveValue("12345678");
+
+  const loginRequestPromise = page.waitForRequest("**/api/auth/login");
+  await page.getByRole("button", { name: "Login" }).click();
+
+  const loginRequest = await loginRequestPromise;
+  expect(loginRequest.postDataJSON()).toMatchObject({
+    email: "chanwillian0@gmail.com",
+    password: "12345678",
+    isTestAccount: true,
+  });
+
+  await expect(page).toHaveURL(/\/subscription\?type=vip&returnTo=chat$/);
+
+  const createOrderRequestPromise = page.waitForRequest(
+    "**/api/payment/create-order",
+  );
+  const orderStatusRequestPromise = page.waitForRequest(
+    "**/api/payment/order-status**",
+  );
+
+  await page.getByRole("button", { name: /Pay and Activ/i }).click();
+
+  const createOrderRequest = await createOrderRequestPromise;
+  expect(createOrderRequest.postDataJSON()).toMatchObject({
+    planId: "vip_monthly",
+    payChannel: "stripe",
+  });
+  await orderStatusRequestPromise;
+
+  const paymentSuccessDialog = page.getByRole("alertdialog", {
+    name: "Payment successful",
+  });
+  await expect(paymentSuccessDialog).toBeVisible();
+  await paymentSuccessDialog.getByRole("button", { name: "OK" }).click();
+
+  await expect(page).toHaveURL(new RegExp(`/chat/image/${paidImageMessageId}$`));
+});
+
+async function enterChatFromSplash(page: import("@playwright/test").Page) {
+  await page.goto("/splash");
+
+  const skipButton = page.getByRole("button", { name: "Skip" });
+  await expect(skipButton).toBeVisible({ timeout: 10_000 });
+  await expect(skipButton).toBeEnabled();
+
+  for (let attempt = 0; attempt < 3; attempt += 1) {
+    await skipButton.click();
+    try {
+      await expect(page).toHaveURL(/\/chat$/, { timeout: 3_000 });
+      return;
+    } catch {
+      await page.waitForTimeout(500);
+    }
+  }
+
+  await expect(page).toHaveURL(/\/chat$/);
+}
+
+async function dismissChatInterruptions(page: import("@playwright/test").Page) {
+  const laterButton = page.getByRole("button", { name: "Later" });
+  if (await laterButton.isVisible().catch(() => false)) {
+    await laterButton.click();
+  }
+
+  const cancelButton = page.getByRole("button", { name: "Cancel" });
+  if (await cancelButton.isVisible().catch(() => false)) {
+    await cancelButton.click();
+  }
+
+  const okButton = page.getByRole("button", { name: "OK" });
+  if (await okButton.isVisible().catch(() => false)) {
+    await okButton.click();
+  }
+}