Decoded Frontend
π 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
Complete understanding of the topic
Hands-on practical knowledge
Real-world examples and use cases
Industry best practices
Take your learning to the next level with premium features