evOo-local/apps/web/e2e/route-deep-link-matrix.spec.ts

import { expect, test } from "@playwright/test";
import {
  attachConsoleGuard,
  completeOnboarding,
  rpc,
  signup,
  waitForChatComposer,
} from "./helpers";

const mobile = { viewport: { width: 390, height: 844 }, isMobile: true, hasTouch: true };

test.describe("signed out deep links", () => {
  test.use(mobile);

  for (const { path, expectUrl, expectText } of [
    { path: "/", expectUrl: /\/($|\?)/, expectText: /evOo|Willkommen|Welcome/i },
    { path: "/sign-in", expectUrl: /\/sign-in/, expectText: /Sign in to evOo|Bei evOo anmelden/i },
    { path: "/sign-up", expectUrl: /\/sign-up/, expectText: /Create account|Konto erstellen/i },
    { path: "/forgot-password", expectUrl: /\/forgot-password/, expectText: /password|Passwort/i },
    { path: "/onboarding", expectUrl: /\/sign-in/, expectText: /Sign in|Anmelden/i },
    { path: "/app/heute", expectUrl: /\/sign-in/, expectText: /Sign in|Anmelden/i },
    { path: "/app/g/example-group", expectUrl: /\/sign-in/, expectText: /Sign in|Anmelden/i },
    { path: "/app/example-bot", expectUrl: /\/sign-in/, expectText: /Sign in|Anmelden/i },
  ]) {
    test(`load ${path} without console errors`, async ({ page }) => {
      const errors = attachConsoleGuard(page);
      await page.goto(path, { waitUntil: "domcontentloaded" });
      await expect(page).toHaveURL(expectUrl);
      await expect(page.locator("body")).toContainText(expectText);
      expect(errors, errors.join("\n")).toEqual([]);
    });
  }
});

test.describe("signed in reload matrix", () => {
  test.use(mobile);

  test("core app routes reload cleanly", async ({ page }) => {
    const errors = attachConsoleGuard(page);
    const stamp = Date.now();
    await signup(page, `deeplink-${stamp}@rakazo.test`, "password12", "Deep Link");
    await completeOnboarding(page, undefined, { mainConversation: true });
    await waitForChatComposer(page);

    const groupId = page.url().match(/\/app\/g\/([^/]+)/)?.[1];
    const bots = await rpc<Array<{ id: string }>>(page, "bots/list", null);
    const botId = bots[0]?.id;
    expect(groupId).toBeTruthy();
    expect(botId).toBeTruthy();

    const routes = [`/app/heute`, `/app/g/${groupId}`, `/app/${botId}`, `/onboarding`];
    for (const route of routes) {
      await page.goto(route, { waitUntil: "domcontentloaded" });
      if (route === "/onboarding") {
        await expect(page).toHaveURL(/\/(app|onboarding)/);
      } else {
        await expect(page.getByTestId("shell-root")).toHaveAttribute("data-ready", "true", {
          timeout: 60_000,
        });
      }
      await page.reload({ waitUntil: "domcontentloaded" });
      await expect(page.locator("body")).not.toBeEmpty();
      expect(errors, errors.join("\n")).toEqual([]);
    }
  });
});