We were introduced to Angular routers and navigation alongside the general components in Chapter 7, Flip Flop.
As we have discussed the different types of tests for Angular components, routers and navigation, we will look at integration testing. For that, we will use our application component test, that is, our base component, and we will then integrate navigation and router-outlet component tests with the application component to test the router.
Before we go ahead with router testing, we will get ready with our application component tests. In the app component test, we will test whether the component is defined and initiated correctly, and then we will test the page title by selecting the DOM element.
We learned about shallow testing in previous sections; when we interact with DOM elements, we need shallow testing. The same goes here: as we will have to deal with DOM elements, we will use shallow testing as our application component...