Start Here: The Complete Roadmap to QA Automation & Engineering

Welcome! If you are looking for a structured path to mastering Test Automation, TypeScript for Automation QA, or Quality Engineering strategies, you have arrived at the right place.

Due to recent platform updates, some article series may appear out of order in the sidebar. This page serves as the definitive, chronological index for all my major educational series.

Bookmark this page (or pin it) to keep track of your learning progress.

---

🎬 Now on YouTube

The articles give you the patterns and the code. But I always felt something was missing - the deeper architectural reasoning behind every decision. That's why I started ArchQA, my YouTube channel where I break down the fundamentals so you don't just follow along, you understand why.

Three playlists are live:

TypeScript for Automation QA

Playwright Framework

Playwright Tips & Tricks

Subscribe to catch every new video.

---

🤖 Series: Agentic QA

A beginner-friendly series about using AI agents to build and maintain a professional Playwright test automation framework - from project scaffold to passing tests.

1. The Scaffold: Playwright Project Structure Built for AI

   • A pre-built Playwright project structure designed for AI agents to build and extend correctly

2. What Is Agentic QA and Why It Changes Everything

   • The difference between an AI that answers questions and one that takes actions in your codebase

3. CLAUDE.md: Teaching the AI Your Rules

   • How a single markdown file turns a general AI into a team member that follows your conventions

4. Skills: Domain Expertise on Demand

   • How focused skill files give your AI agent deep expertise exactly when it needs it

5. Explore First: Why the Agent Looks Before It Writes

   • How exploration gives your AI agent real page context before it writes a single locator

6. Prompt to Passing Test: A Complete Agentic QA Session

   • Watch an AI agent go from a single prompt to page objects, factories, and passing Playwright tests

---

🏗️ Series: Building a Playwright Framework Step-by-Step

A hands-on, code-heavy guide to building a scalable test automation framework from scratch using Playwright and TypeScript.

1. Initial Setup

   • Setting the foundation for a professional framework.

2. Create User Snippets

   • Boosting productivity with snippets in IDEs.

3. Setup Environment Variables

   • Managing sensitive data and configurations securely.

4. Setup Design Pattern

   • Structuring your project for maintainability.

5. Implementing POM as Fixture and Auth User Session

   • Advanced Page Object Model usage and handling state.

6. Implementing UI Tests

   • Writing robust end-to-end UI scenarios.

7. Implementing API Fixtures

   • Setting up reusable API components.

8. Implementing API Tests

   • Validating backend logic directly.

9. Implementing CI/CD

   • Automating execution with continuous integration pipelines.

10. Never Commit Broken Code Again: A Guide to ESLint and Husky in Playwright

    • Enforcing code quality automatically.

---

📘 Series: TypeScript for Automation QA

Stop guessing and start typing. This series bridges the gap between basic scripting and professional software engineering.

1. Your First Steps in TypeScript

   • Why TS matters for QA and how to start.

2. How to Use Arrays and Objects

   • Data manipulation essentials.

3. Master Fundamental TypeScript Logic

   • Writing smarter, logic-driven tests.

4. A Practical Guide to Custom Types

   • Defining strict contracts for your data.

5. Stop Writing Brittle Tests: Scalable POM

   • Refactoring Page Objects for stability.

6. Stop Writing Flaky Tests: Async in Playwright

   • Handling promises and awaits correctly.

7. Build a Scalable QA Framework with Advanced Patterns

   • Taking your architecture to the next level.

8. Understanding OOP in Automation QA

   • Applying Object-Oriented principles to tests.

9. Upgrade Playwright Tests: Mixin Design Pattern

   • A guide to flexible class composition.

---

🧠 Series: Quality Engineering

Moving beyond "writing scripts" to defining quality culture, strategy, and leadership.

1. The Complete Quality Engineering Roadmap

   • The big picture of modern QA careers.

2. Creating a Robust Software Quality Foundation

   • Establishing culture, roles, and mindset.

3. Proactive Strategies for Pre-Development Success

   • Shift-left testing and requirements planning.

4. Mastering In-Sprint Quality

   • Code reviews, collaboration, and faster releases.

5. Developing a Powerful Test Automation Strategy

   • Aligning tools and frameworks with business goals.

---

⚡ Series: Productivity

Tools to make you a more effective engineer.

1. One File to Rule Them All: Cursor, Windsurf, and VS Code

   • Optimizing your IDE setup.

2. The AI Shift: Why Specialized Models are the Next Wave

   • How AI is reshaping technical teams.

3. Hyped vs. Reality: AI in QA and Development

   • Pragmatic approaches to AI tools.

4. AI for Test Case Generation

   • Practical guides to empowering your team.

5. You're Not Chatting with AI, You're Giving it a Job

   • Prompt engineering techniques for engineers.

---

🚀 Personal Project

Gemini-Powered Test Case Generator App

• Free Test Case Generator, utilizing Gemini by providing API Token

The AI-Native Playwright Scaffold: Built for the Orchestrator Pattern with Cursor Rules

• Production-ready test automation framework built with TypeScript and Playwright

• Providing a solid foundation for UI, API, and E2E testing.

• Features a Page Object Model architecture, fixture-based dependency injection, Zod schema validation for APIs, and pre-configured authentication handling.

• Includes ESLint, Prettier, and Husky for code quality, along with multi-browser support and comprehensive HTML reporting with traces and screenshots.

Master Playwright: 33 Tips & Tricks for Robust Automation

• 33 self-contained, copy-paste ready TypeScript snippets designed to instantly upgrade your Playwright framework.

• Organized into 7 practical categories, it teaches you advanced techniques like API interception, schema validation with Zod, global authentication setup, time travel, and visual masking.

• All in a clear format you can immediately apply to your real-world projects.

• Start building robust, stable, and intelligent quality tests today.

AI-Native Playwright Scaffold: 13 Skills. Zero Config. One Command

Public Repository

• 3 Modular AI Skills: AI activates specific rules (POM, API, data-strategy) only on matching files. No more flat, generic prompts.

• The "Constitution": Strict guardrails (No XPath, no hard waits, strict Zod) enforced across AI instructions, ESLint, and Husky.

• Zero-Config Dev Container: One-click Docker setup with Node, Playwright, Python, and AI CLIs pre-installed.

• Browser-First AI: Built-in tools let your AI explore the live application's real DOM to generate accurate locators instead of guessing.

• Enterprise Architecture: Zod 4 type-safe API tests, clean Playwright fixture injection, and Faker-driven, parallel-safe data strategies.

---

📬 Stay Updated

If you found these roadmaps helpful, subscribe to the newsletter to get notified when new chapters are added to these series.