Why Every Cloud Engineer Should Learn Playwright in 2026

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

test("home page loads with main heading", async ({ page }) => {
  const response = await page.goto("/");
  expect(response?.status()).toBeLessThan(400);
  await expect(page.getByRole("heading", { level: 1 })).toBeVisible();
});

test("login page renders the sign-in form", async ({ page }) => {
  await page.goto("/login");
  await expect(page.getByLabel("Email")).toBeVisible();
  await expect(page.getByRole("button", { name: "Sign in" })).toBeEnabled();
});

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

export default defineConfig({
  testDir: "./tests",
  timeout: 30_000,
  retries: 1,
  reporter: [["list"], ["html", { open: "never" }]],
  use: {
    baseURL: process.env.BASE_URL ?? "https://staging.example.com",
    trace: "retain-on-failure",
    screenshot: "only-on-failure",
  },
});

# .github/workflows/deploy.yml (excerpt)
  smoke-test:
    needs: deploy-staging
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npm ci
      - run: npx playwright install --with-deps chromium
      - run: npx playwright test --project=chromium
        env:
          BASE_URL: https://staging.example.com
      - uses: actions/upload-artifact@v4
        if: failure()
        with:
          name: playwright-report
          path: playwright-report/

# Run the suite in Playwright's official image
# (match the image tag to your @playwright/test version)
docker run --rm --ipc=host \
  -v "$PWD":/work -w /work \
  -e BASE_URL=https://staging.example.com \
  mcr.microsoft.com/playwright:v1.48.0-noble \
  /bin/bash -c "npm ci && npx playwright test"

apiVersion: batch/v1
kind: CronJob
metadata:
  name: synthetic-login-check
spec:
  schedule: "*/5 * * * *"
  concurrencyPolicy: Forbid
  jobTemplate:
    spec:
      backoffLimit: 0
      template:
        spec:
          restartPolicy: Never
          containers:
            - name: playwright
              image: registry.example.com/synthetic-checks:1.0
              env:
                - name: BASE_URL
                  value: https://www.example.com
              command: ["npx", "playwright", "test", "--project=chromium"]

// tests/latency.spec.ts — fail if the page is too slow
import { test, expect } from "@playwright/test";

test("home page loads within 3 seconds", async ({ page }) => {
  const start = Date.now();
  await page.goto("/", { waitUntil: "load" });
  const elapsed = Date.now() - start;
  console.log(`load_ms=${elapsed}`);
  expect(elapsed).toBeLessThan(3000);
});

SMOKE SUITE PLAN

Journey                    Must work?  Runs after deploy  Runs on schedule
-------------------------  ----------  -----------------  ----------------
Home page renders           Yes         Yes                Every 5 min
Login with test account     Yes         Yes                Every 5 min
Search returns results      Yes         Yes                Every 15 min
Add to cart                 Yes         Yes                Every 15 min
Admin dashboard loads       No          Yes                Hourly

ALERT RULES (avoid noise)

- Alert only after 2 consecutive failures
- Alert per journey, not per test file
- Include: region, URL, failing step, trace link
- Severity:
    login / checkout failing   -> page on-call
    search slow (> threshold)  -> ticket, business hours
- Silence during planned maintenance windows

FAILURE RUNBOOK

1. Open the trace from the alert link
2. Which step failed? (navigation, element, assertion)
3. Is it one region or all regions?
4. Did a deploy or infra change happen in the last hour?
     yes -> roll back that change
5. Check dependencies: CDN, DNS, auth provider, certificates
6. Re-run the check manually to confirm
7. Record cause and fix in the incident log