rework of the e2e test suites

tests/ui/purchase/standard-package-checkout.test.ts

@@ -0,0 +1,159 @@
+import { test, expectFixture as expect } from '../helpers/test-fixtures';
+
+test.describe('Standard package checkout with Paddle completion', () => {
+  test('registers, applies coupon, and reaches confirmation', async ({
+    page,
+    clearTestMailbox,
+    getLatestCheckoutSession,
+    simulatePaddleCompletion,
+    getTestMailbox,
+  }) => {
+    await clearTestMailbox();
+
+    const unique = Date.now();
+    const email = `checkout+${unique}@example.test`;
+    const password = 'Password123!';
+    const username = `playwright-${unique}`;
+
+    await page.addInitScript(() => {
+      window.__openedWindows = [];
+      const originalOpen = window.open;
+      window.open = function (...args) {
+        window.__openedWindows.push(args);
+        return originalOpen?.apply(this, args) ?? null;
+      };
+    });
+
+    await page.route('https://cdn.paddle.com/paddle/v2/paddle.js', async (route) => {
+      await route.fulfill({
+        status: 200,
+        contentType: 'application/javascript',
+        body: `
+          window.__paddleEventCallback = null;
+          window.__paddleInitOptions = null;
+          window.__paddleCheckoutConfig = null;
+          window.Paddle = {
+            Environment: { set() {} },
+            Initialize(options) {
+              window.__paddleInitOptions = options;
+              window.__paddleEventCallback = options?.eventCallback || null;
+            },
+            Checkout: {
+              open(config) {
+                window.__paddleCheckoutConfig = config;
+              },
+            },
+          };
+        `,
+      });
+    });
+
+    let paddleRequestPayload: Record<string, unknown> | null = null;
+    await page.route('**/paddle/create-checkout', async (route) => {
+      paddleRequestPayload = route.request().postDataJSON() as Record<string, unknown>;
+      await route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify({
+          checkout_url: 'https://sandbox.paddle.test/checkout/abc123',
+        }),
+      });
+    });
+
+    await page.goto('/de/packages');
+
+    const standardDetailsButton = page
+      .getByRole('heading', { name: /^Standard$/ })
+      .locator('..')
+      .getByRole('button', { name: /Details/i })
+      .first();
+
+    await expect(standardDetailsButton).toBeVisible();
+    await standardDetailsButton.click();
+
+    await expect(page.getByRole('dialog')).toBeVisible();
+    await page.getByRole('link', { name: /Jetzt bestellen|Order now/i }).click();
+
+    await expect(page).toHaveURL(/purchase-wizard/);
+    await page.getByRole('button', { name: /^Weiter$/ }).first().click();
+
+    await expect(page.getByRole('heading', { name: 'Registrieren' })).toBeVisible();
+
+    await page.getByLabel(/Vorname/i).fill('Playwright');
+    await page.getByLabel(/Nachname/i).fill('Tester');
+    await page.getByLabel(/E-Mail/i).fill(email);
+    await page.getByLabel(/Telefon/i).fill('+49123456789');
+    await page.getByLabel(/Adresse/i).fill('Teststr. 1, 12345 Berlin');
+    await page.getByLabel(/Username/i).fill(username);
+    await page.getByLabel(/^Passwort$/i).fill(password);
+    await page.getByLabel(/Passwort bestätigen/i).fill(password);
+    await page.getByLabel(/Datenschutzerklärung/i).check();
+    await page.getByRole('button', { name: /^Registrieren$/ }).click();
+
+    await expect(page.getByRole('heading', { name: 'Zahlung' })).toBeVisible();
+
+    await page.getByPlaceholder(/Gutscheincode/i).fill('PERCENT10');
+    await page.getByRole('button', { name: /Gutschein anwenden|Apply coupon/i }).click();
+    await expect(page.getByText(/Gutschein PERCENT10/i)).toBeVisible();
+
+    await page.getByRole('button', { name: /Weiter mit Paddle|Continue with Paddle/i }).click();
+
+    await expect.poll(async () => page.evaluate(() => window.__paddleCheckoutConfig)).not.toBeNull();
+    await expect.poll(async () => {
+      return page.evaluate(() => window.__openedWindows?.length ?? 0);
+    }).toBe(1);
+    await expect.poll(async () => {
+      return page.evaluate(() => window.__openedWindows?.[0]?.[0] ?? null);
+    }).toContain('https://sandbox.paddle.test/checkout/abc123');
+
+    await page.evaluate(() => {
+      window.__paddleEventCallback?.({ name: 'checkout.completed' });
+    });
+
+    let session = null;
+    for (let i = 0; i < 6; i++) {
+      session = await getLatestCheckoutSession({ email });
+      if (session) {
+        break;
+      }
+      await page.waitForTimeout(500);
+    }
+
+    expect(session).not.toBeNull();
+    await simulatePaddleCompletion(session!.id);
+
+    for (let i = 0; i < 6; i++) {
+      const refreshed = await getLatestCheckoutSession({ email });
+      if (refreshed?.status === 'completed') {
+        session = refreshed;
+        break;
+      }
+      await page.waitForTimeout(500);
+    }
+
+    expect(session?.status).toBe('completed');
+
+    await expect(page.getByRole('button', { name: /^Weiter$/ })).toBeEnabled();
+    await page.getByRole('button', { name: /^Weiter$/ }).last().click();
+
+    await expect(page.getByText(/Marketing-Dashboard/)).toBeVisible();
+    await expect(
+      page.getByRole('button', { name: /Zum Admin-Bereich|To Admin Area/i })
+    ).toBeVisible();
+
+    expect(paddleRequestPayload).not.toBeNull();
+    expect(paddleRequestPayload?.['coupon_code']).toBe('PERCENT10');
+
+    const messages = await getTestMailbox();
+    expect(messages.length).toBeGreaterThan(0);
+  });
+});
+
+declare global {
+  interface Window {
+    __openedWindows?: unknown[];
+    __paddleEventCallback?: ((event: { name: string }) => void) | null;
+    __paddleInitOptions?: unknown;
+    __paddleCheckoutConfig?: unknown;
+  }
+}