♻️ Refactor poll view tracking (#1644)

apps/web/tests/vote-and-comment.spec.ts

@@ -1,5 +1,6 @@
-import type { Page, Request } from "@playwright/test";
+import type { Page } from "@playwright/test";
 import { expect, test } from "@playwright/test";
+import { prisma } from "@rallly/database";
 import { load } from "cheerio";
 import type { PollPage } from "tests/poll-page";
 
@@ -9,26 +10,64 @@ import { NewPollPage } from "./new-poll-page";
 test.describe(() => {
   let page: Page;
   let pollPage: PollPage;
-  let touchRequest: Promise<Request>;
   let editSubmissionUrl: string;
+  let pollId: string;
 
   test.beforeAll(async ({ browser }) => {
     page = await browser.newPage();
-    touchRequest = page.waitForRequest(
-      (request) =>
-        request.method() === "POST" &&
-        request.url().includes("/api/trpc/polls.touch"),
-    );
+    await page.clock.install();
+
     const newPollPage = new NewPollPage(page);
     await newPollPage.goto();
     pollPage = await newPollPage.createPollAndCloseDialog({
       name: "Monthly Meetup",
     });
+
+    // Extract the poll ID from the URL
+    const url = page.url();
+    const match = url.match(/\/poll\/([a-zA-Z0-9]+)/);
+    pollId = match ? match[1] : "";
+    expect(pollId).not.toBe("");
   });
 
-  test("should call touch endpoint", async () => {
-    // make sure call to touch RPC is made
-    expect(await touchRequest).not.toBeNull();
+  test("should record poll view", async () => {
+    // Fast forward time to trigger view tracking
+    await page.clock.fastForward(5000);
+
+    let pollViews: Array<{
+      id: string;
+      pollId: string;
+      ipAddress: string | null;
+      userId: string | null;
+      userAgent: string | null;
+      viewedAt: Date;
+    }> = [];
+
+    // Retry until we find poll views or timeout
+    await expect(async () => {
+      // Query the database for poll views
+      pollViews = await prisma.pollView.findMany({
+        where: {
+          pollId,
+        },
+        orderBy: {
+          viewedAt: "desc",
+        },
+      });
+
+      // This will throw if the condition is not met, causing a retry
+      expect(pollViews.length).toBeGreaterThan(0);
+    }).toPass({
+      timeout: 5000, // 5 second timeout
+      intervals: [100, 200, 500, 1000], // Retry intervals in milliseconds
+    });
+
+    // Now that we know we have at least one poll view, verify its properties
+    const latestView = pollViews[0];
+    expect(latestView.pollId).toBe(pollId);
+    expect(latestView.ipAddress).toBeDefined();
+    expect(latestView.userAgent).toBeDefined();
+    expect(latestView.viewedAt).toBeDefined();
   });
 
   test("should be able to comment", async () => {