@code-collective/booking-widget 1.0.8 → 1.0.10

package/src/lib/CheckoutModal.payment-timeout.test.ts

@@ -0,0 +1,140 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen } from '@testing-library/svelte';
+import CheckoutModal from './CheckoutModal.svelte';
+import CartExpiryGuard from './CartExpiryGuard.svelte';
+import { postedTypes, resetMessages } from './test/messages-mock';
+import { apiError, buildCart, CART_TOKEN, fakeApi, fakeCartManager, installFakePeachSdk, settle } from './test/fixtures';
+import { rememberPaymentAttempt, recallPaymentAttempt } from './payment-attempt';
+
+vi.mock('./messages', async () => await import('./test/messages-mock'));
+
+// The cart's one clock running out while Peach's card form is open. The guard cannot confirm that expiry
+// itself (the server exempts a cart with a payment in flight so a landing charge can still be confirmed), so
+// CheckoutModal tears the attempt down through the same Peach-verified abandon a cancel uses. Both components
+// are mounted together on the shared message bus, exactly as they are on a real page, and PaymentPage mounts
+// against a fake Peach SDK so Peach's own callback contract is what drives the modal.
+
+const ATTEMPT = { checkoutId: 'peach-checkout-1', entityId: 'entity-1' };
+
+// `configure` runs before either component mounts: CheckoutModal acts on a resumed attempt synchronously
+// during its own init, so a server behaviour that has to be in place for that first call cannot be installed
+// on the api afterwards.
+function mountBoth(cart: ReturnType<typeof buildCart>, configure: (api: ReturnType<typeof fakeApi>) => void = () => {}) {
+  const api = fakeApi(cart);
+  configure(api);
+  const cartManager = fakeCartManager();
+  const onClose = vi.fn();
+  const peach = installFakePeachSdk();
+  render(CartExpiryGuard, { props: { api, cartManager } });
+  render(CheckoutModal, {
+    props: { cart, api, onClose, onOrderConfirmed: vi.fn() },
+  });
+  return { api, cartManager, onClose, peach };
+}
+
+// The server's side of an abandon that reopens the cart onto its already-past deadline: from then on the
+// cart no longer validates, so every read is a 401.
+function abandonExpiresTheCart(api: ReturnType<typeof fakeApi>) {
+  api.abandonPayment = vi.fn().mockImplementation(async () => {
+    api.getCart = vi.fn().mockRejectedValue(apiError(401));
+  });
+}
+
+beforeEach(() => {
+  vi.useFakeTimers({ toFake: ['setTimeout', 'clearTimeout', 'setInterval', 'clearInterval', 'Date'] });
+  vi.setSystemTime(new Date('2026-09-12T10:00:00Z'));
+  resetMessages();
+  sessionStorage.clear();
+  rememberPaymentAttempt(CART_TOKEN, ATTEMPT);
+});
+
+afterEach(() => {
+  cleanup();
+  vi.useRealTimers();
+  delete (window as unknown as { Checkout?: unknown }).Checkout;
+});
+
+describe('the clock running out on the card form', () => {
+  it('abandons the attempt (Peach permitting) and the shopper sees the cart expire over the card form', async () => {
+    const { api, onClose, peach } = mountBoth(buildCart(2000));
+    abandonExpiresTheCart(api);
+    await settle();
+    expect(peach.handlers().onCancelled).toBeTypeOf('function');
+
+    await vi.advanceTimersByTimeAsync(3000);
+    await settle();
+
+    expect(api.abandonPayment).toHaveBeenCalledWith(ATTEMPT.checkoutId);
+    expect(postedTypes()).toEqual(expect.arrayContaining(['payment:timed-out', 'payment:ended']));
+    expect(screen.getByText('Your cart has expired')).toBeTruthy();
+    expect(onClose).toHaveBeenCalled();
+    expect(recallPaymentAttempt(CART_TOKEN)).toBeNull();
+  });
+
+  it('never tears down an attempt Peach still has in flight - it waits for the outcome instead', async () => {
+    const { api } = mountBoth(buildCart(2000));
+    api.abandonPayment = vi.fn().mockRejectedValue(apiError(409, 'PAYMENT_PENDING'));
+    api.confirmCart = vi.fn().mockRejectedValue(apiError(402));
+    await settle();
+
+    await vi.advanceTimersByTimeAsync(3000);
+    await settle();
+
+    expect(api.abandonPayment).toHaveBeenCalledWith(ATTEMPT.checkoutId);
+    expect(api.confirmCart).toHaveBeenCalled();
+    expect(postedTypes()).not.toContain('payment:ended');
+    expect(screen.queryByText('Your cart has expired')).toBeNull();
+  });
+
+  it('a payment resumed after a reload onto an already-past deadline is torn down straight away', async () => {
+    const { api } = mountBoth(buildCart(-5000), abandonExpiresTheCart);
+
+    await settle();
+    await settle();
+
+    expect(api.abandonPayment).toHaveBeenCalledWith(ATTEMPT.checkoutId);
+    expect(screen.getByText('Your cart has expired')).toBeTruthy();
+  });
+});
+
+describe('the abandon call itself failing', () => {
+  it('leaves the payment in flight for the guard, whose own fallback then tears the attempt down', async () => {
+    // A blip on the abandon means the server still holds the cart awaiting payment for this attempt. Telling
+    // the guard the payment had ended would disarm the one thing left that will retry it.
+    const { api } = mountBoth(buildCart(2000));
+    api.abandonPayment = vi.fn()
+      .mockRejectedValueOnce(apiError(500))
+      .mockImplementation(async () => {
+        api.getCart = vi.fn().mockRejectedValue(apiError(401));
+      });
+    await settle();
+
+    await vi.advanceTimersByTimeAsync(3000);
+    await settle();
+    expect(api.abandonPayment).toHaveBeenCalledTimes(1);
+    expect(postedTypes()).not.toContain('payment:ended');
+
+    await vi.advanceTimersByTimeAsync(5000);
+    await settle();
+    await settle();
+
+    expect(api.abandonPayment).toHaveBeenCalledTimes(2);
+    expect(recallPaymentAttempt(CART_TOKEN)).toBeNull();
+    expect(screen.getByText('Your cart has expired')).toBeTruthy();
+  });
+});
+
+describe("Peach's own callbacks", () => {
+  it('a cancel abandons the attempt and returns the shopper to the contact step with the cart intact', async () => {
+    const { api, peach } = mountBoth(buildCart(10 * 60_000));
+    await settle();
+
+    peach.handlers().onCancelled();
+    await settle();
+
+    expect(api.abandonPayment).toHaveBeenCalledWith(ATTEMPT.checkoutId);
+    expect(postedTypes()).toContain('payment:ended');
+    expect(screen.queryByText('Your cart has expired')).toBeNull();
+    expect(screen.getByRole('button', { name: /pay now/i })).toBeTruthy();
+  });
+});