Workshop 1: Intro to Claude and Playwright
What is Claude Code?
Claude Code is your AI coding assistant that works directly in your terminal. Think of it as having an experienced developer sitting next to you, ready to help with any coding task.
What Can Claude Code Do?
Claude Code helps you with everyday development tasks:
- Write Code: Generate code from natural language descriptions
- Modify Code: Update existing code based on your requirements
- Debug: Find and fix bugs in your codebase
- Explore: Understand unfamiliar code and projects
- Automate: Create scripts and workflows automatically
Why Use Claude Code?
Key Benefits
- No Coding Expertise Required - Just describe what you want in plain English
- Works With Your Files - Direct access to your project files and folders
- Runs Commands For You - Executes terminal commands automatically
- Context-Aware - Remembers your conversation and project context
- Saves Time - Automates repetitive tasks and speeds up development
What is Playwright?
Playwright is a powerful testing framework that automates web browsers. It lets you test your web applications the same way a real user would interact with them - clicking buttons, filling forms, and navigating pages.
What Can Playwright Do?
Playwright enables comprehensive web testing:
- Multi-Browser Testing: Test on Chrome, Firefox, Safari, and Edge
- Smart Waiting: Automatically waits for elements to load (no more flaky tests!)
- Visual Testing: Capture screenshots and record videos of tests
- Mobile Testing: Test mobile web apps with device emulation
- Network Control: Mock API responses and monitor network traffic
Who Uses Playwright?
Perfect For
- QA Engineers - Automate manual testing workflows
- Developers - Write integration and E2E tests
- Product Managers - Verify features work as expected
- Business Analysts - Document and validate user flows
Common Use Cases
| Use Case | Description |
|---|---|
| End-to-End Testing | Simulate complete user journeys from login to checkout |
| Integration Testing | Verify different parts of your app work together |
| Visual Regression Testing | Catch unintended UI changes automatically |
| Automation Tasks | Automate repetitive web-based workflows |
What You'll Learn
In this workshop, you'll discover how Claude Code + Playwright work together to:
- Create test projects using simple English commands
- Automate login flows without writing complex code
- Generate test fixtures that save time and reduce repetition
- Build comprehensive test suites with AI assistance
- Debug and fix tests automatically
No Programming Experience? No Problem!
This workshop is designed for everyone. If you can describe what you want to test in plain English, Claude Code will help you create the actual test code.