fix: add test for redirect error (#273)

Author: sirily11

tests/telegram-e2e-tests/src/nav/redirect-client-error/error.spec.tsx

@@ -0,0 +1,82 @@
+import { Telegram, Utils } from "@rx-lab/testing";
+
+const {
+  PORT,
+  Api,
+  initialize,
+  TestingEnvironment,
+  MessageType,
+  DEFAULT_RENDERING_WAIT_TIME,
+} = Telegram;
+const { sleep } = Utils;
+
+const chatroomId = 2104;
+
+describe("error page with redirect", () => {
+  let api: Telegram.Api<any>;
+  let coreApi: any;
+
+  beforeAll(async () => {
+    api = new Api({
+      baseUrl: `http://0.0.0.0:${PORT}`,
+    });
+  });
+
+  it("should render the error page using the default one", async () => {
+    const { core } = await initialize({
+      filename: import.meta.url,
+      environment: TestingEnvironment.LongPolling,
+      api,
+      chatroomId,
+    });
+    coreApi = core;
+
+    await api.chatroom.sendMessageToChatroom(chatroomId, {
+      content: "Hello",
+      type: MessageType.Text,
+    });
+    await sleep(DEFAULT_RENDERING_WAIT_TIME);
+    let messages = await api.chatroom.getMessagesByChatroom(chatroomId);
+    expect(messages.data.count).toBe(2);
+    let currentMessage = messages.data.messages[1];
+    expect(currentMessage!.text).toContain("Home");
+
+    // click on the error button
+    await api.chatroom.clickOnMessageInChatroom(
+      chatroomId,
+      currentMessage!.message_id,
+      {
+        text: "Go to error",
+      },
+    );
+    await sleep(DEFAULT_RENDERING_WAIT_TIME);
+    messages = await api.chatroom.getMessagesByChatroom(chatroomId);
+    currentMessage = messages.data.messages[1];
+    expect(currentMessage!.text).toContain("Enter something");
+
+    // enter a text
+    await api.chatroom.sendMessageToChatroom(chatroomId, {
+      content: "error",
+      type: MessageType.Text,
+    });
+    await sleep(DEFAULT_RENDERING_WAIT_TIME);
+    messages = await api.chatroom.getMessagesByChatroom(chatroomId);
+    currentMessage = messages.data.messages[3];
+    expect(currentMessage!.text).toContain("500");
+
+    // enter a text again
+    await api.chatroom.sendMessageToChatroom(chatroomId, {
+      content: "hi",
+      type: MessageType.Text,
+    });
+
+    await sleep(DEFAULT_RENDERING_WAIT_TIME);
+    messages = await api.chatroom.getMessagesByChatroom(chatroomId);
+    currentMessage = messages.data.messages[5];
+    expect(currentMessage!.text).toContain("Home");
+  });
+
+  afterEach(async () => {
+    await coreApi?.onDestroy();
+  });
+});

tests/telegram-e2e-tests/src/nav/redirect-client-error/src/app/error/error.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { ErrorPageProps } from "@rx-lab/common";
+import { useRouter } from "@rx-lab/router/hooks";
+import { useEffect } from "react";
+
+export default function ErrorPage({ error, code }: ErrorPageProps) {
+  const router = useRouter();
+  useEffect(() => {
+    router.redirectTo("/", {
+      renderNewMessage: false,
+      shouldRender: false,
+      shouldAddToHistory: true,
+    });
+  }, []);
+
+  return (
+    <div>
+      <h1>{code}</h1>
+      <p>Custom: {error.message}</p>
+    </div>
+  );
+}

tests/telegram-e2e-tests/src/nav/redirect-client-error/src/app/error/page.tsx

@@ -0,0 +1,11 @@
+import { PageProps } from "@rx-lab/common";
+
+export default function Page({ text }: PageProps) {
+  if (!text) {
+    return <p>Enter something</p>;
+  }
+
+  if (text === "error") {
+    throw new Error("🔴 Custom error message");
+  }
+}

tests/telegram-e2e-tests/src/nav/redirect-client-error/src/app/page.tsx

@@ -0,0 +1,12 @@
+import { CommandButton } from "@rx-lab/core";
+
+export default function Page() {
+  return (
+    <div>
+      <span>Home</span>
+      <div>
+        <CommandButton command={"/error"}>Go to error</CommandButton>
+      </div>
+    </div>
+  );
+}