In this video, Aviv Ben-Yosef shows how components can be tested using Angular's new $componentController service. Learn how to convert old tests to work with components.
- [Instructor] Another aspect that should be considered…when upgrading an app to the latest Angular is unit testing.…A standard controller that has been replaced by a component…should have its tests adjusted.…Along the introduction of components,…Angular also got the handy component control service.…This service enables testing a components controller…even without exposing it.…And it also provides a simple way to suppliy a controller…with bindings in a test.…Every controller test that used the controller service…should be changed to use the component controller service.…
Look at todo_test.js in the exercise files.…These tests have been broken for quite some time…due to my conversion of the controller to be a component.…The first step to fix these tests…is to inject the component controller service…instead of the controller service.…When using it to create an instance of a controller,…it's no longer needed to create a scope manually.…It is done automatically so tests of simple components…that don't make use of promises and similar concepts,…
Aviv Ben-Yosef kicks off the course by explaining what's different in Angular 1.6, as well the different motives for upgrading. Next, he walks through how to safely upgrade an existing app. He covers going from controllers to directives, as well as component lifecycle hooks. He also goes into the architectural changes in Angular, such as one-way data flow and immutability. To wrap up, he discusses how to properly test components.
- Deciding to upgrade an existing app
- Upgrading to Angular 1.6
- Removing standalone controllers
- Using directives as route targets
- Converting a controller's code
- Converting a controller's template
- Comparing directives and components
- Converting a directive
- Reviewing the concept of one-way binding
Skill Level Intermediate
AngularJS 1: Building a Data-Driven Appwith Ray Villalobos2h 15m Intermediate
1. Controllers to Directives
2. Use controllerAs
Convert a controller’s code1m 57s
3. Directives to Components
4. Component Lifecycle Hooks
5. One-Way Data Binding
6. Testing Components
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.