Testing Angular components is more complicated than testing simple pipes or services. That is because Angular components are associated with views and also usually have more dependencies than services, filters, or directives.
- Title Page
- Copyright and Credits
- Packt Upsell
- Contributors
- Preface
- Getting Started
- Angular basics
- The customary Hello Angular app – Guess the Number!
- Digging deeper
- Revisiting our app
- Looking at how our code handles updates
- Maintaining state
- Tools
- Resources
- Summary
- Building Our First App – 7 Minute Workout
- What is 7 Minute Workout?
- Downloading the code base
- Setting up the build
- Organizing code
- The 7 Minute Workout model
- First feature module
- App bootstrapping
- Exploring Angular modules
- Our first component - WorkoutRunnerComponent
- Building the 7 Minute Workout view
- Learning more about an exercise
- Adding descriptions and video panels
- Formatting exercise steps with innerHTML binding
- Displaying the remaining workout duration using pipes
- Angular pipes
- Implementing a custom pipe - SecondsToTimePipe
- Adding the next exercise indicator using ngIf
- Pausing an exercise
- The Angular event binding infrastructure
- Two-way binding with ngModel
- Summary
- More Angular – SPA and Routing
- Exploring Single Page Application capabilities
- Angular dependency Injection
- Tracking workout history
- Building the workout-history-tracker service
- Integrating with WorkoutRunnerComponent
- Dependency injection in depth
- Adding the workout history page
- Sorting and filtering history data using pipes
- Angular change detection overview
- Hierarchical injectors
-  Dependency injection with @Injectable
- Tracking route changes using the router service
- Fixing the video playback experience
- Cross-component communication using Angular events
- Tracking exercise progress with audio
- Building Angular directives to wrap HTML audio
- Creating WorkoutAudioComponent for audio support
- Integrating WorkoutAudioComponent
- Summary
- Personal Trainer
- The Personal Trainer app - the problem scope
- Personal Trainer requirements
- The Personal Trainer model
- Getting started with the code for Personal Trainer
- Using the Personal Trainer model in Workout Builder services
- The Personal Trainer layout
- Personal Trainer navigation with routes
- Getting started with Personal Trainer navigation
- Introducing child routes to Workout Builder
- Adding the child routing component
- Updating the WorkoutBuilder component
- Updating the Workout Builder module
- Updating App Routing module
- Putting it all together
- Lazy loading of routes
- Integrating sub- and side-level navigation
- Implementing workout and exercise lists
- Building a workout
- Angular forms
- Summary
- Supporting Server Data Persistence
- Angular and server interactions
- The basics of the HTTPClient module
- Personal Trainer and server integration
- Loading exercise and workout data
- Loading exercise and workout lists from a server
- Updating the workout/exercise list pages
- Mapping server data to application models
- Loading exercise and workout data from the server
- Fixing the builder services
- Updating the resolvers
- Fixing the Workout and Exercise components
- Performing CRUD on exercises/workouts
- Using promises for HTTP requests
- The async pipe
- Cross-domain access and Angular
- Handling workouts not found
- Fixing the 7 Minute Workout app
- Summary
- Angular Directives in Depth
- Classifying directives
- Building a remote validator directive
- Building a busy indicator directive
- Directive injection
- Building an Ajax button component
- Dependency injection using viewProvider
- Understanding structural directives
- Component styling and view encapsulation
- Summary
- Testing Personal Trainer
- The need for automation
- Testing in Angular
- Getting started with unit testing
- Setting up Karma and Jasmine for unit testing
- Organization and naming of our test files
- Unit-testing Angular applications
- Unit-testing components
- Unit-testing WorkoutRunnerComponent
- Starting unit testing
- Debugging unit tests in Karma
- Unit-testing WorkoutRunner continued...
- Unit-testing services
- Unit-testing directives
- Getting started with E2E testing
- Summary
- Some Practical Scenarios
- Building a new app
- Angular performance
- Handling authentication and authorization
- Migrating AngularJS apps
- Migrating AngularJS's Personal Trainer
- Summary
- Other Books You May Enjoy
Unit-testing components
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.