Playwright + TypeScript — Examples & Visual Testing

This repository contains Playwright + TypeScript examples, including visual testing and best practices.

It is part of the YouTube series: “Learn QA Automation with Playwright Typescript” https://www.youtube.com/watch?v=Gxn0i76jIJI&list=PLfw_nI4u_6WOuClIHl4Wl5V--ufJGin71

---

---

🚀 Quick start

git clone https://github.com/alexusadays/Playwright-TS-Examples.git
cd Playwright-TS-Examples
npm ci
npx playwright test

🗂️ Project structure

.
├─ tests/
│  ├─ api_testing.spec.ts
│  ├─ assertions.spec.ts
│  ├─ codegen.spec.ts
│  ├─ first_accessibility.spec.ts
│  ├─ intercept.spec.ts
│  ├─ locators.spec.ts
│  ├─ second_accessibility.spec.ts
│  ├─ visual_testing.spec.ts
├─ playwright.config.ts
├─ package.json
├─ README.md
├─ test-data/
├─ test-results/
├─ accessibility-reports/
├─ playwright-report/

---

Prerequisites

• Node.js ≥ 18
• Playwright is already in devDependencies; no global install needed.

---

License

MIT – use it, fork it, star it ⭐️, enjoy!