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: / lihautan
Blog: https://lihautan.com/
Thanks for watching 🥰 -- with love, Li Hau