Angular Testing child component inputs
Testing child component inputs When testing Angular components we sometimes run into the situation where we need to test a child components inputs in order for us to verify that the expected input parameters have been passed to the child component. So in the example below, we want to verify that the child component param1 has been passed in the correct property. <app-parent> <app-child [param1]="name"></app-child> <app-parent> How do we test this? So we could create a test module, test component and register it with the TestBed but there's an easier way (I'll create a follow-up post on how to do this also). Enter ngMocks ngMocks is a library for testing Angular Component dependencies. More information can be found here on it https://github.com/ike18t/ng-mocks How do we use it? Firstly we need to import the library into our Jasmine test file. import { MockComponent } from 'ng-mocks'; Then we need to
