fix stripe integration tests (#51)

* fix stripe API unit tests

* add a basic stripe e2e test

* fix types

* fix UI error throwing

Author: devksingh4

src/common/types/stripe.ts

@@ -28,7 +28,7 @@ export const invoiceLinkGetResponseSchema = z.array(
     active: z.boolean(),
     invoiceId: z.string().min(1),
     invoiceAmountUsd: z.number().min(50),
-    createdAt: z.union([z.string().date(), z.null()]),
+    createdAt: z.union([z.string().datetime(), z.null()]),
   }),
 );
 

src/ui/pages/stripe/CreateLink.tsx

@@ -60,7 +60,7 @@ export const StripeCreateLinkPanel: React.FC<StripeCreateLinkPanelProps> = ({ cr
         color: 'red',
         icon: <IconAlertCircle size={16} />,
       });
-      throw e;
+      console.error(e);
     }
   };
 

src/ui/pages/stripe/CurrentLinks.tsx

@@ -40,6 +40,7 @@ export const StripeCurrentLinksPanel: React.FC<StripeCurrentLinksPanelProps> = (
           color: 'red',
           icon: <IconAlertCircle size={16} />,
         });
+        console.error(e);
       }
     };
     getLinksOnLoad();

tests/e2e/stripe.spec.ts

@@ -0,0 +1,37 @@
+import { expect } from "@playwright/test";
+import { test } from "./base";
+import { describe } from "node:test";
+
+describe("Stripe Link Creation Tests", () => {
+  test("A user can see the link creation screen", async ({
+    page,
+    becomeUser,
+  }) => {
+    await becomeUser(page);
+    await expect(
+      page.locator("a").filter({ hasText: "Management Portal DEV ENV" }),
+    ).toBeVisible();
+    await expect(
+      page.locator("a").filter({ hasText: "Stripe Link Creator" }),
+    ).toBeVisible();
+    await page.locator("a").filter({ hasText: "Stripe Link Creator" }).click();
+    await expect(
+      page.getByRole("textbox", { name: "Invoice Recipient Email" }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole("heading", { name: "Stripe Link Creator" }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole("textbox", { name: "Invoice ID" }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole("textbox", { name: "Invoice Amount" }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole("textbox", { name: "Invoice Recipient Name" }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole("textbox", { name: "Invoice Recipient Email" }),
+    ).toBeVisible();
+  });
+});

tests/unit/stripe.test.ts

@@ -193,6 +193,7 @@ describe("Test Stripe link creation", async () => {
           active: true,
           invoiceId: "ACM102",
           amount: 100,
+          createdAt: "2025-02-09T17:11:30.762Z",
         }),
       ],
     });
@@ -209,6 +210,7 @@ describe("Test Stripe link creation", async () => {
         active: true,
         invoiceId: "ACM102",
         invoiceAmountUsd: 100,
+        createdAt: "2025-02-09T17:11:30.762Z",
       },
     ]);
   });
@@ -226,6 +228,7 @@ describe("Test Stripe link creation", async () => {
           active: true,
           invoiceId: "ACM103",
           amount: 999,
+          createdAt: "2025-02-09T17:11:30.762Z",
         }),
       ],
     });
@@ -246,6 +249,7 @@ describe("Test Stripe link creation", async () => {
         active: true,
         invoiceId: "ACM103",
         invoiceAmountUsd: 999,
+        createdAt: "2025-02-09T17:11:30.762Z",
       },
     ]);
   });