Claude Code in Playwright

Appearance

Claude Code in PlaywrightAI-Powered Test Automation

presented by David Feng

Start Workshop
View on GitHub

AI-Assisted Testing

Use Claude Code to generate, modify, and debug Playwright tests through natural language conversations

Hands-On Learning

Five progressive workshops with practical exercises covering core test automation concepts and patterns

For Everyone

Designed for QA Engineers, Developers, Product Managers, and Business Analysts - all skill levels welcome

Welcome to the Workshop ​

This hands-on workshop teaches you how to leverage AI to automate web testing using Claude Code and Playwright. Whether you're a QA engineer, developer, product manager, or business analyst, you'll learn how to create robust automated tests without deep programming knowledge.

Workshop Overview ​

WorkshopWhat You'll LearnDuration
1: Claude and PlaywrightIntroduction to Claude Code and Playwright, setting up your first test project20 minutes
2: What are MCP Tools?Explore how Claude Code uses Model Context Protocol (MCP) to interact with browsers20 minutes
3: What is a Fixture?Create reusable test fixtures to simplify authentication and setup workflows20 minutes
4: The Agent PatternUnderstand the planner, generator, and healer agents for automated test creation20 minutes
5: Playwright Trace ViewerDebug failed tests using Playwright's powerful trace viewer and time-travel debugging20 minutes
6: QA & QuizReview key concepts and test your knowledge with a short quiz20 minutes

Who Should Attend? ​

Perfect For

  • QA Engineers looking to accelerate test automation
  • Developers wanting to add automated testing to their workflow
  • Product Managers who need to validate features and user flows
  • Business Analysts documenting and verifying requirements
  • Anyone interested in AI-assisted software development

What You'll Need ​

Before starting the workshop, ensure you have:

  1. Claude Code - Your AI coding assistant (Get Claude Code)
  2. Node.js - Version 18 or higher (Download Node.js)
  3. A Code Editor - VS Code, IntelliJ, WebStorm, or your preferred IDE
  4. Internet Connection - For installing packages and accessing the demo application

No Coding Experience Required

This workshop is designed for all skill levels. If you can describe what you want to test in plain English, Claude Code will help you create the automation code.

Workshop Format ​

Each workshop follows a consistent structure:

  1. Concept Introduction - Learn the key concepts with clear explanations and examples
  2. Hands-On Exercise - Practice what you've learned with guided exercises
  3. Solution Review - Compare your work with the provided solutions

Ready to Get Started? ​

Need Help?