Welcome to my learning journey into Web Test Automation with some emphasis on using the Playwright as the library/tool of choice for hands-on experimentation.
- Understand core concepts for web testing & automation
- Learn the key challenges & popular tools, techniques
- Explore Playwright as a cross-browser testing tool
- Learn best testing/automation practices for modern web development
Want to follow along? I'll be posting periodic updates on my journey in three locations:
To give my learning journey some structure, and help others follow along, I created a tentative roadmap for a #30Days content series. The specific topics may change as I progress, to accomodate detours and deep-dives into topics I found interesting.
| Category | Post | Topic |
|---|---|---|
| Testing Fundamentals | ||
| #001 | Modern Web Development: Tools & Testing | |
| #002 | What is Cross-Browser Testing (CBT)? | |
| #003 | CBT: Issues & Strategies | |
| #004 | What is Automated Testing (AT)? | |
| #005 | AT: Getting Started | |
| #006 | AT: Using Microsoft Edge | |
| #007 | Summary: Terminology, Tools & Ecosystem | |
| Playwright Fundamentals | ||
| #008 | What is Playwright and why use it? | |
| #009 | Quickstart: Automate testing with Playwright | |
| #010 | Debugging: Using Playwright Inspector | |
| #011 | Analyzing: Using Playwright Trace Viewer | |
| #012 | Scaffolding: Using Playwright Test Generator | |
| #013 | Modes: Using Headless vs. Headed testing | |
| #014 | IDE: Using Playwright from VS Code | |
| Playwright Usage | ||
| #015 | Using the Playwright Test Runner (test command) |
|
| #016 | Playwright CLI | |
| #017 | Test Assertions | |
| #018 | Test Reporters | |
| #019 | Test Configuration | |
| #020 | Test Fixtures | |
| #021 | Test Page Object | |
| Advanced Concepts | ||
| #022 | Using the Playwright Library (playwright module) |
|
| #023 | Playwright CLI | |
| #024 | API: Core Primitives | |
| #025 | Library: Assertions | |
| #026 | Library: Emulation | |
| #026 | Library: Multi-Page Scenarios | |
| #027 | Library: Page Object Models | |
| Wrap-Up | ||
| #029 | ||
| #030 | ||
The blog is setup using Hugo with the Cupper theme. Setup process documented here with blog hosted on GitHub Pages for now.
To build the static site: (-D includes drafts)
$ cd docs/
$ hugo -D
To run local server (live testing during development)
$ cd docs/
$ hugo server -D