https://github.com/nitya/learn-playwright
Explore https://playwright.dev/ the End-To-End Testing platform for modern web apps from Microsoft
https://github.com/nitya/learn-playwright
Last synced: 2 months ago
JSON representation
Explore https://playwright.dev/ the End-To-End Testing platform for modern web apps from Microsoft
- Host: GitHub
- URL: https://github.com/nitya/learn-playwright
- Owner: nitya
- Created: 2021-10-06T20:09:18.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-23T04:39:29.000Z (over 3 years ago)
- Last Synced: 2025-02-09T06:14:00.485Z (4 months ago)
- Homepage: https://bit.ly/learn-playwright
- Size: 9.99 MB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Learn Playwright
Welcome to my learning journey into Web Test Automation with some emphasis on using the [Playwright](https://playwright.dev) as the library/tool of choice for hands-on experimentation.
## Objectives
* 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:
* [This blog](https://nitya.github.io/learn-playwright)
* [Dev.to #Learn-Playwright tag](https://dev.to/t/learn-playwright)
* [Twitter #30DaysOfPlaywright]() series
---
## #30DaysOfPlaywright
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 | |
| | | |
| | | |
## About This Blog
The blog is setup using [Hugo](https://gohugo.io) with the [Cupper theme](https://cupper-hugo-theme.netlify.app/). Setup process documented [here](https://gist.github.com/nitya/51905082cfad7682bdf31bc8a36f5553) 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
```