added various tests for playwright

tests/ui/purchase/paddle-sandbox-full.test.ts

@@ -0,0 +1,79 @@
+import { expect, test } from '@playwright/test';
+import { test as base } from '../helpers/test-fixtures';
+
+const shouldRun = process.env.E2E_PADDLE_SANDBOX === '1';
+const baseUrl = process.env.E2E_BASE_URL ?? 'https://test-y0k0.fotospiel.app';
+const sandboxEmail = process.env.E2E_PADDLE_EMAIL ?? 'playwright-buyer@example.com';
+
+test.describe('Paddle sandbox full flow (staging)', () => {
+  test.skip(!shouldRun, 'Set E2E_PADDLE_SANDBOX=1 to run live sandbox checkout on staging.');
+
+  test('create checkout, simulate webhook completion, and verify session completion', async ({ page, request }) => {
+    // Jump directly into wizard for Standard package (2)
+    await page.goto(`${baseUrl}/purchase-wizard/2`);
+
+    const acceptCookies = page.getByRole('button', { name: /akzeptieren|accept/i });
+    if (await acceptCookies.isVisible()) {
+      await acceptCookies.click();
+    }
+
+    // If login/register step is present, choose guest path or continue
+    const continueButtons = page.getByRole('button', { name: /weiter|continue/i });
+    if (await continueButtons.first().isVisible()) {
+      await continueButtons.first().click();
+    }
+
+    // Fill minimal registration form to reach payment step
+    await page.fill('input[name="first_name"]', 'Play');
+    await page.fill('input[name="last_name"]', 'Wright');
+    await page.fill('input[name="email"]', sandboxEmail);
+    await page.fill('input[name="address"]', 'Teststrasse 1, 12345 Berlin');
+    await page.fill('input[name="phone"]', '+49123456789');
+    await page.fill('input[name="username"]', 'playwright-buyer');
+    await page.fill('input[name="password"]', 'Password123!');
+    await page.fill('input[name="password_confirmation"]', 'Password123!');
+
+    const checkoutCta = page.getByRole('button', { name: /weiter zum zahlungsschritt|continue to payment|Weiter/i }).first();
+    await expect(checkoutCta).toBeVisible({ timeout: 20000 });
+
+    const [apiResponse] = await Promise.all([
+      page.waitForResponse((resp) => resp.url().includes('/paddle/create-checkout') && resp.status() < 500),
+      checkoutCta.click(),
+    ]);
+
+    const checkoutPayload = await apiResponse.json();
+    const checkoutUrl: string = checkoutPayload.checkout_url ?? checkoutPayload.url ?? '';
+
+    expect(checkoutUrl).toContain('paddle');
+
+    // Navigate to checkout to ensure it loads (hosted page). Use sandbox card data if needed later.
+    await page.goto(checkoutUrl);
+    await expect(page).toHaveURL(/paddle/);
+
+    // Fetch latest session for this buyer
+    const latestSession = await request.get('/api/_testing/checkout/sessions/latest', {
+      params: { email: sandboxEmail },
+    });
+
+    expect(latestSession.status()).toBe(200);
+    const sessionJson = await latestSession.json();
+    const sessionId: string | undefined = sessionJson?.data?.id;
+    expect(sessionId, 'checkout session id').toBeTruthy();
+
+    // Simulate Paddle webhook completion
+    const simulate = await request.post(`/api/_testing/checkout/sessions/${sessionId}/simulate-paddle`, {
+      data: {
+        status: 'completed',
+        transaction_id: 'txn_playwright_' + Date.now(),
+      },
+    });
+
+    expect(simulate.status()).toBe(200);
+
+    // Confirm session is marked completed
+    const latestCompleted = await request.get('/api/_testing/checkout/sessions/latest', {
+      params: { status: 'completed', email: sandboxEmail },
+    });
+    expect(latestCompleted.status()).toBe(200);
+  });
+});