Test cards for Playwright

// tests/checkout.spec.ts
import { test, expect } from "@playwright/test";

const SUCCESS = "4242424242424242"; // Visa, succeeds
const DECLINE = "4000000000000002"; // generic decline

test("checkout succeeds", async ({ page }) => {
  await page.goto("/checkout");
  const frame = page.frameLocator("iframe").first();
  await frame.getByPlaceholder("Card number").fill(SUCCESS);
  await frame.getByPlaceholder("MM / YY").fill("12/34");
  await frame.getByPlaceholder("CVC").fill("123");
  await page.getByRole("button", { name: "Pay" }).click();
  await expect(page.getByText("Payment succeeded")).toBeVisible();
});