By - Decoded Frontend

How Angular 20.1 Makes Testing More Reliable & Cleaner!

How Angular 20.1 Makes Testing More Reliable & Cleaner!

Decoded Frontend

0 mins
635+ students

πŸ“ About This Course

πŸš€ Improve your test writing workflow. Get WallabyJS with a 20% discount β†’ https://bit.ly/df-wallabyjs β€ŠAngular 20.1 extends the brand new binding API to testing, introducing a modern, clear, and reliable way to test component inputs, outputs, and 2-way data bindings. β€ŠThis video, however, goes beyond just demonstrating the new API because I wanted to show you also the β€Š older approaches and compare them side by side so that you clearly see the benefits of the new features. At the end, you will learn: βœ”οΈ Reliable ways to test component/directive inputs. βœ”οΈ Reliable ways to test component/directive outputs. βœ”οΈ Reliable ways to test component/directive 2-way bindings. βœ”οΈ Why is it so important to keep behaviours in your tests as close as possible to a no-testing environment? βœ”οΈ How to properly test inputs/outputs/2-way binding before Angular 20.1 Please share this video if you find it useful. πŸ“š Angular Testing Course More about testing in Angular - https://courses.decodedfrontend.io/courses/conscious-angular-testing 🌱🀝 BECOME A CHANNEL MEMBER Unlock exclusive content and support the channel by becoming a member: Patreon - https://patreon.com/DecodedFrontend YouTube Membership - https://www.youtube.com/channel/UCSj1Igu3ejxqcQISNEmx8VQ/join πŸ’¬ COMMUNITY Join thousands of Angular developers in our free Discord community: https://bit.ly/decoded-frontend-discord Code On GitHub - https://github.com/DMezhenskyi/angular-20-testing-improvements πŸ•’ Time Codes: 00:00:00 β€” Angular Component Bindings Testing β€” Before & NOW 00:02:52 β€” WallabyJS Sponsorship Integration 00:04:39 β€” Testing Component Inputs - Before & NOW 00:08:11 β€” New inputBinding() in Action 00:11:48 β€” Testing Component Outputs 00:15:50 β€” New outputBinding() in Action 00:17:56 β€” 2-Way Binding Testing 00:19:52 β€” New twoWayBinding() in Action 00:22:10 β€” Outro πŸ’‘ For more Angular tips, follow also: LinkedIn - https://www.linkedin.com/in/dmezhenskyi Twitter - https://twitter.com/DecodedFrontend Instagram - https://www.instagram.com/decodedfrontend #angular #typescript #webdevelopment #angulartutorial #frontend

πŸš€ What You'll Learn

βœ“

Complete understanding of the topic

βœ“

Hands-on practical knowledge

βœ“

Real-world examples and use cases

βœ“

Industry best practices

Premium

Get Full Course Access

Take your learning to the next level with premium features

Unlimited access to all chapters
Interactive quizzes & assessments
Downloadable certificate