How Playwright Helps You Land a QA Tester Job Faster

npm init playwright@latest        # choose TypeScript, tests folder
npx playwright codegen https://demo.playwright.dev/todomvc
npx playwright test
npx playwright show-report

import { test, expect } from "@playwright/test";

test("add a todo item", async ({ page }) => {
  await page.goto("https://demo.playwright.dev/todomvc");
  const input = page.getByPlaceholder("What needs to be done?");
  await input.fill("Write test cases");
  await input.press("Enter");
  await expect(page.getByTestId("todo-title")).toHaveText(["Write test cases"]);
});

import { test, expect } from "@playwright/test";

test("checkout shows confirmation", async ({ page }) => {
  await page.goto("/cart");
  await page.getByRole("button", { name: "Proceed to checkout" }).click();
  await page.getByLabel("Email").fill("qa@example.com");
  await page.getByRole("button", { name: "Pay" }).click();
  await expect(page.getByText("Order placed")).toBeVisible();
  await expect(page).toHaveURL(/\/order\/\d+/);
});

// Avoid:
await page.waitForTimeout(5000);
// Prefer a web-first assertion that waits only as long as needed:
await expect(page.getByTestId("cart-total")).toHaveText("₹1,164.50");

npx playwright test --trace on
npx playwright show-trace test-results/<test-folder>/trace.zip
# or run interactively:
npx playwright test --ui

import { test, expect } from "@playwright/test";

test("products API returns items", async ({ request }) => {
  const res = await request.get("https://jsonplaceholder.typicode.com/posts/1");
  expect(res.status()).toBe(200);
  const body = await res.json();
  expect(body).toHaveProperty("id", 1);
  expect(body.title.length).toBeGreaterThan(0);
});

import { defineConfig, devices } from "@playwright/test";

export default defineConfig({
  testDir: "./tests",
  retries: process.env.CI ? 2 : 0,
  reporter: [["html", { open: "never" }], ["junit", { outputFile: "results.xml" }]],
  use: {
    baseURL: process.env.BASE_URL ?? "https://demo.playwright.dev/todomvc",
    trace: "on-first-retry",
    screenshot: "only-on-failure",
  },
  projects: [
    { name: "chromium", use: { ...devices["Desktop Chrome"] } },
    { name: "firefox", use: { ...devices["Desktop Firefox"] } },
  ],
});

qa-playwright/
├── playwright.config.ts
├── tests/
│   ├── todo.spec.ts
│   ├── checkout.spec.ts
│   └── api.spec.ts
├── pages/            # page objects (optional)
└── .github/workflows/playwright.yml

# QA automation with Playwright
- UI tests with role-based locators and web-first assertions
- API tests using the request fixture
- Traces and screenshots on failure
- Runs in Chromium and Firefox, and in GitHub Actions
Run: npm ci && npx playwright install --with-deps && npx playwright test