Project · Automate a full user journey end-to-end

Hints

• Start with saucedemo.com — it's designed for automation practice and has reliable selectors.
• Use npx playwright codegen https://saucedemo.com to generate a starting point, then refactor into POM.
• Run npx playwright test --repeat-each=3 locally before pushing to CI to catch flakiness early.
• The AI prompt: 'I'm testing saucedemo.com's checkout flow. Generate 15 test cases covering happy path, empty cart, invalid credentials, sorting, and the full checkout journey. Format as a numbered list with title and steps.'

Expected output

$ npx playwright test
Running 15 tests using 3 workers

  ✓  login.spec.ts > valid credentials login (1.2s)
  ✓  login.spec.ts > locked out user gets error (0.8s)
  ✓  inventory.spec.ts > sort products by price low-high (1.5s)
  ✓  cart.spec.ts > add item increments cart badge (1.1s)
  ✓  checkout.spec.ts > complete checkout shows confirmation (3.2s)
  ... 10 more passing

15 passed (18.4s)

$ cat .github/workflows/playwright.yml | grep "if: always"
      if: always()   ← artifacts upload even on failure

Stretch goals

• Add API test coverage: intercept the network request that loads products (page.route(...)) and test that the UI handles a 500 error gracefully.
• Add cross-browser testing: run the suite on both Chromium and Firefox in the same CI run using a matrix strategy.
• Add a performance smoke test: assert that the homepage first contentful paint (FCP) is under 3 seconds using Playwright's tracing API.
• Integrate with a test management tool: export the test results as JUnit XML and upload to a tool (TestRail, Xray, or Allure).