Angular Conference 2025 (Warsaw & Online)
Learn from the BestMeet Younes Jaaidi
Younes Jaaidi
Software Development Cook, Teacher & Coach, GDE | France
Talk
Component Testing That Feels Like Playwright — Because It Is
Tired of blindly debugging raw HTML output? Flaky end-to-end tests and their slow feedback loop? Stitching together five different tools to check if a button is disabled?
You’re not alone.
Everyone loves how smooth Playwright makes end-to-end testing feel — reliable, visual, easy to debug. But relying solely on e2e tests is rarely a sustainable strategy.
What if we could zoom in to test just one component — and still enjoy the same Playwright magic?
In this talk, Younes & Rainer introduce a new approach to Angular component testing: same great DX, smaller scope, faster feedback.
They’ll share why they got there, and how their open-source library brings the full Playwright experience to your components.
About Younes Jaaidi
Younes is a Software Cook born in eXtreme Programming, which made him a passionate advocate of Collective Ownership, TDD and snacks in the office.
He trains and coaches teams like yours to cook better apps. He’s also an NX champion, a Google Developer Expert for Angular and Web Technologies and a mediocre sailor.
His favorite command is `sleep 300; git reset --hard; git clean -df`
Workshop
What you will learn
• Writing readable and maintainable tests
• Writing tests that focus on behavior rather than implementation details
• Writing future-proof tests that survive migrations and refactorings
• Choosing the right test size
• “Mocking” without suffering using Fakes and Object Mothers
• An all-you-can-eat buffet of tips and tricks to help you adopt a Pragmatic Testing Strategy
Agenda
💻 Hands-on Exercise: First Test
• Let’s write our first test by instinct — then dissect what works and what doesn’t
👨🏻🏫 The Testing Pain
• Developers hate testing: Why, and how do we fix that?
• The Development Time Perception Bias
• What’s wrong with Unit vs. Integration taxonomy?
• Narrow vs. Wide
👨🏻🏫 Vitest
• Why Vitest?
• Pros, cons, and the future
• Migration path from Karma or Jest
👨🏻🏫 Component Testing
• Isolated vs. Shallow vs. Integration
• TestBed vs. Testing Library: What to pick from each?
💻 Hands-on Exercises: TDD & Component Testing
• Progressive Test-Driven Development
• Tips & tricks for precise and maintainable tests
• Future-proof testing with DOM-distancing and Gloves
• Zoneless-ready testing
• Debugging techniques
👨🏻🏫 Test Doubles & “Mocking”
• When, why, how, and where to “mock”
• Fake it till you mock it: picking the right Test Double
• Type-safe and maintainable doubles
• High confidence with contract testing
💻 Hands-on Exercises: Test Doubles & “Mocking”
• Narrowing down tests with Fakes
👨🏻🏫 Playwright Component Testing with Testronaut
• How is Testronaut different from anything else?
• Component Testing with Testronaut
• Using test doubles
• Debugging
• Visual regression testing that scales
👨🏻🏫 Building your Pragmatic Testing Strategy
• What to test?
• Which tool to use?
• What is the right size for a System Under Test?
• Which strategy for legacy code?
🙋 Q&A
🎁 [Bonus] Charted Coding: AI-Assisted TDD
• Leveraging AI from design doc to tidy code with more TDD and less review fatigue