TypeScript 2.x By Example

Implementing the test cases

The board component has multiple dependencies, namely:

• Element reference to refer to the HTML elements
• ActivatesRoute to fetch the routing values
• Trello service to GET and Update the board object

So, we would need to mock all these for us to effectively test the board component. Because we are only focused on testing the add task functionality, which does not use any of these dependencies, we will just create the mocks of these dependencies, but not the spy objects like we did in our testing of the Trello service class.

Similarly, in the beforeEach function, the only thing we will do is create an instance of the board component and pass these mock dependencies, as shown in the following code:

describe('BoardComponent' ...