أول اختبار باستخدام Playwright

mkdir shop-tests && cd shop-tests
npm init -y
npm install --save-dev @playwright/test@1.64.0
npx playwright install chromium   # or use installed Chrome (see config)

// playwright.config.ts
import { defineConfig } from "@playwright/test";

export default defineConfig({
  testDir: "./tests",
  use: {
    baseURL: "http://localhost:3000",
    // Uses the Chrome already installed on this machine.
    // Without this line, run `npx playwright install chromium` once instead.
    channel: "chrome",
  },
});

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

test("adding two products updates the cart", async ({ page }) => {
  await page.goto("/en/qa-lab/bug-arena/commerce");

  // A fresh browser context opens the mission brief first.
  await page.getByRole("button", { name: "Start mission" }).click();

  await page.getByRole("button", { name: "Add to cart: Pocket sketchbook" }).click();
  await page.getByRole("button", { name: "Add to cart: Palm-leaf basket" }).click();

  const shopNav = page.getByRole("navigation", { name: "Shop navigation" });
  await shopNav.getByRole("button", { name: /Cart/ }).click();

  await expect(page.getByRole("heading", { name: "Your cart" })).toBeVisible();
  const summary = page.getByRole("region", { name: "Order summary" });
  // 2.250 + 4.750 = 7.000 OMR merchandise subtotal
  await expect(summary).toContainText("7.000 OMR");
});