feat: update payment processing tests and utilities, add credit card mock data

Author: diegotc86

.env.test

@@ -5,4 +5,10 @@ ADMIN_DB_NAME=postgres
 
 # Culqui Keys
 CULQI_PRIVATE_KEY="sk_test_xxx"
-VITE_CULQI_PUBLIC_KEY="pk_test_xxx"
+VITE_CULQI_PUBLIC_KEY="pk_test_xxx"
+
+# Cloud Storage base url
+CS_BASE_URL="https://fullstock-images.s3.us-east-2.amazonaws.com"
+
+CULQI_PRIVATE_KEY="sk_test_EC8oOLd3ZiCTKqjN"
+VITE_CULQI_PUBLIC_KEY="pk_test_Ws4NXfH95QXlZgaz"

package.json

@@ -19,6 +19,7 @@
     "prisma:studio": "prisma studio",
     "prisma:seed": "prisma db seed",
     "test:prisma:migrate:deploy": "dotenv -e .env.test -- prisma migrate deploy",
+    "test:prisma:migrate:reset": "dotenv -e .env.test -- prisma migrate reset",
     "test:e2e": "playwright test",
     "test:prisma:seed": "dotenv -e .env.test prisma db seed"
   },

src/e2e/guest-create-order.spec.ts

@@ -1,7 +1,12 @@
 // import { createOrderFormData } from "@/lib/utils.tests";
 import { expect, test } from "@playwright/test";
 
-import { baseUrl, cleanDatabase, createOrderFormData } from "./utils-tests-e2e";
+import {
+  baseUrl,
+  cleanDatabase,
+  createOrderFormData,
+  creditCards,
+} from "./utils-tests-e2e";
 
 export type OrderFormData = Record<string, string>;
 
@@ -33,9 +38,43 @@ test.describe("Guest", () => {
 
     await page.getByRole("button", { name: "Confirmar Orden" }).click();
 
+    const checkoutFrame = page.locator('iframe[name="checkout_frame"]');
+    await expect(checkoutFrame).toBeVisible();
+
+    const validCard = creditCards.valid;
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("textbox", { name: "#### #### #### ####" })
+      .fill(validCard.number);
+
     await expect(
-      page.getByText("¡Muchas gracias por tu compra!")
+      checkoutFrame.contentFrame().getByRole("img", { name: "Culqi icon" })
     ).toBeVisible();
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("textbox", { name: "MM/AA" })
+      .fill(validCard.exp);
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("textbox", { name: "CVV" })
+      .fill(validCard.cvv);
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("textbox", { name: "[email protected]" })
+      .fill(orderForm["Correo electrónico"]);
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("button", { name: "Pagar S/" })
+      .click();
+
+    await expect(page.getByText("¡Muchas gracias por tu compra!")).toBeVisible({
+      timeout: 10000,
+    });
     await expect(page.getByTestId("orderId")).toBeVisible();
   });
 });

src/e2e/user-create-order.spec.ts

@@ -4,7 +4,7 @@ import { prisma } from "@/db/prisma";
 import { hashPassword } from "@/lib/security";
 import type { CreateUserDTO } from "@/models/user.model";
 
-import { baseUrl, cleanDatabase } from "./utils-tests-e2e";
+import { baseUrl, cleanDatabase, creditCards } from "./utils-tests-e2e";
 
 test.beforeEach(async () => {
   await cleanDatabase();
@@ -19,9 +19,13 @@ test.describe("User", () => {
       isGuest: false,
     };
 
-    await prisma.user.create({
+    console.log("Creating test user:", testUser);
+
+    const user = await prisma.user.create({
       data: testUser,
     });
+
+    console.log("Test user created:", user);
   });
 
   test("User can create an order", async ({ page }) => {
@@ -76,9 +80,43 @@ test.describe("User", () => {
 
     await page.getByRole("button", { name: "Confirmar Orden" }).click();
 
+    const checkoutFrame = page.locator('iframe[name="checkout_frame"]');
+    await expect(checkoutFrame).toBeVisible();
+
+    const validCard = creditCards.valid;
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("textbox", { name: "#### #### #### ####" })
+      .fill(validCard.number);
+
     await expect(
-      page.getByText("¡Muchas gracias por tu compra!")
+      checkoutFrame.contentFrame().getByRole("img", { name: "Culqi icon" })
     ).toBeVisible();
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("textbox", { name: "MM/AA" })
+      .fill(validCard.exp);
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("textbox", { name: "CVV" })
+      .fill(validCard.cvv);
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("textbox", { name: "[email protected]" })
+      .fill(loginForm["Correo electrónico"]);
+
+    await checkoutFrame
+      .contentFrame()
+      .getByRole("button", { name: "Pagar S/" })
+      .click();
+
+    await expect(page.getByText("¡Muchas gracias por tu compra!")).toBeVisible({
+      timeout: 10000,
+    });
     await expect(page.getByTestId("orderId")).toBeVisible();
   });
 });

src/e2e/utils-tests-e2e.ts

@@ -19,6 +19,19 @@ export const createOrderFormData = (
   ...overrides,
 });
 
+export const creditCards = {
+  valid: {
+    number: "4111 1111 1111 1111",
+    exp: "12/30",
+    cvv: "123",
+  },
+  declined: {
+    number: "4000 0200 0000 0000",
+    exp: "12/30",
+    cvv: "354",
+  },
+};
+
 export async function cleanDatabase() {
   await prisma.order.deleteMany();
   await prisma.cart.deleteMany();

src/lib/utils.tests.ts

@@ -158,6 +158,7 @@ export const createTestOrder = (overrides: Partial<Order> = {}): Order => {
     createdAt: new Date(),
     updatedAt: new Date(),
     ...details, // Expande todos los campos de contacto sin undefined
+    paymentId: `payment-id-${Math.random()}`,
     ...overrides,
   } satisfies Order;
 };
@@ -181,6 +182,7 @@ export const createTestDBOrder = (
     phone: "123456789",
     createdAt: new Date(),
     updatedAt: new Date(),
+    paymentId: `payment-id-${Math.random()}`,
     ...overrides,
   } satisfies PrismaOrder;
 };

src/services/order.service.test.ts

@@ -64,7 +64,7 @@ describe("Order Service", () => {
 
     vi.mocked(mockPrisma.order.create).mockResolvedValue(prismaOrder);
 
-    const order = await createOrder(mockedItems, mockedFormData);
+    const order = await createOrder(mockedItems, mockedFormData, "payment-id");
     expect(mockPrisma.order.create).toHaveBeenCalledWith({
       data: {
         userId: mockedUser.id,
@@ -88,6 +88,7 @@ describe("Order Service", () => {
             imgSrc: item.imgSrc,
           })),
         },
+        paymentId: "payment-id",
       },
       include: {
         items: true,
@@ -118,6 +119,7 @@ describe("Order Service", () => {
         zip: prismaOrder.zip,
         phone: prismaOrder.phone,
       },
+      paymentId: prismaOrder.paymentId,
     });
   });
 
@@ -187,9 +189,9 @@ describe("Order Service", () => {
       new Error("Database error")
     );
 
-    await expect(createOrder(mockedItems, mockedFormData)).rejects.toThrow(
-      "Failed to create order"
-    );
+    await expect(
+      createOrder(mockedItems, mockedFormData, "payment-id")
+    ).rejects.toThrow("Failed to create order");
 
     expect(mockPrisma.order.create).toHaveBeenCalled();
   });