feat: added initial implementation

2026-03-14 23:30:56 +03:00
parent 8b626a940e
commit 2a8b6a7b62
19 changed files with 964 additions and 79 deletions
@@ -0,0 +1,92 @@
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { vi } from "vitest";
+import PaymentForm from "./PaymentForm";
+import i18n from "../i18n";
+
+vi.mock("../api/client", () => ({
+  apiPost: vi.fn(),
+}));
+
+const { apiPost } = await import("../api/client");
+
+describe("PaymentForm", () => {
+  beforeEach(async () => {
+    vi.clearAllMocks();
+    await i18n.changeLanguage("en");
+    Object.defineProperty(globalThis, "crypto", {
+      value: { randomUUID: () => "uuid-1" },
+      configurable: true,
+    });
+  });
+
+  it("validates source details for stc pay", async () => {
+    render(<PaymentForm bookingId="12" />);
+    fireEvent.click(screen.getByRole("button", { name: "Pay now" }));
+    expect(
+      await screen.findByText("Mobile number is required for stc pay.")
+    ).toBeInTheDocument();
+  });
+
+  it("reuses idempotency key on retry", async () => {
+    apiPost.mockRejectedValueOnce(new Error("fail"));
+    apiPost.mockResolvedValueOnce({ id: "ok" });
+    render(<PaymentForm bookingId="12" />);
+
+    fireEvent.change(screen.getByLabelText("Source value"), {
+      target: { value: "+966500000000" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "Pay now" }));
+    await screen.findByText("fail");
+
+    fireEvent.click(screen.getByRole("button", { name: "Pay now" }));
+    await waitFor(() => {
+      expect(apiPost).toHaveBeenCalledTimes(2);
+    });
+    const firstPayload = apiPost.mock.calls[0][1];
+    const secondPayload = apiPost.mock.calls[1][1];
+    expect(firstPayload.idempotency_key).toBe("uuid-1");
+    expect(secondPayload.idempotency_key).toBe("uuid-1");
+  });
+
+  it("redirects when response includes redirect_url", async () => {
+    const assign = vi.fn();
+    Object.defineProperty(window.location, "assign", {
+      value: assign,
+      configurable: true,
+    });
+    apiPost.mockResolvedValueOnce({ redirect_url: "https://pay.test/redirect" });
+    render(<PaymentForm bookingId="12" />);
+
+    fireEvent.change(screen.getByLabelText("Source value"), {
+      target: { value: "+966500000000" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "Pay now" }));
+
+    await waitFor(() => {
+      expect(assign).toHaveBeenCalledWith("https://pay.test/redirect");
+    });
+  });
+
+  it("disables submit while loading", async () => {
+    let resolveRequest;
+    apiPost.mockImplementationOnce(
+      () =>
+        new Promise((resolve) => {
+          resolveRequest = resolve;
+        })
+    );
+    render(<PaymentForm bookingId="12" />);
+
+    fireEvent.change(screen.getByLabelText("Source value"), {
+      target: { value: "+966500000000" },
+    });
+    const button = screen.getByRole("button", { name: "Pay now" });
+    fireEvent.click(button);
+    expect(button).toBeDisabled();
+
+    resolveRequest({ id: "done" });
+    await waitFor(() => {
+      expect(button).not.toBeDisabled();
+    });
+  });
+});