I spent the entire afternoon trying to reimplement Playwright Component Tests

Playwright Component Tests is an experimental feature of Playwright.
Captivated by how it works, I challenged myself to reimplement it myself. Join me as I explore the intricacies of this feature and share my experience of bringing it to life.

00:00:00 Introduction
00:04:36 Part 1 - Writing a Playwright Component Tests
00:19:37 Part 2 - How it works
00:40:10 Part 3 - Reimplement Playwright Component Tests

Resources:
Playwright Component Tests https://playwright.dev/docs/test-comp...
Playwright - Creating a Fixture https://playwright.dev/docs/test-fixt...
Vite JavaScript API https://vitejs.dev/guide/api-javascript
Vite Authoring a Plugin https://vitejs.dev/guide/api-plugin.h...
Manipulating AST with JavaScript Manipulating AST with JavaScript
@babel/traverse https://babeljs.io/docs/babel-traverse
AST Explorer https://astexplorer.net/
Source Code https://github.com/tanhauhau/try-play...

Buy my new Svelte book "Real-world Svelte" https://www.amazon.com/Real-World-Sve...

---

VS Code Theme: Dracula at night https://marketplace.visualstudio.com/...
ZSH Theme: bullet-train https://github.com/caiogondim/bullet-...

🥰 Support me https://www.buymeacoffee.com/lihautan

🔗  Want to learn more from me? Check out these links:

Twitter: Twitter: lihautan
Blog: https://lihautan.com/

Thanks for watching 🥰 -- with love, Li Hau