In Chapter 11, we saw how to create simple, reusable components using directives. We explored basic configuration of directives like
In this chapter, we deal with the distinctions that we have to keep in mind while unit testing directives. We see how we can instantiate instances of a directive in a unit test, and learn how AngularJS works under the covers at the same time. By the end of this chapter, we will have written a comprehensive unit test for our stock widget from the previous chapter, while still making sure it is stable and runs fast.
At its core, there are a few key steps (some of which parallel the unit tests for our controllers) that you can use as a checklist when writing unit tests for a directive:
$compileservice injected into the unit test.
scopeagainst which you want the directive to be tested again.