TypeScript 2.x By Example

Second beforeEach function

Now, we have created our module and added the component and its dependencies. The next step is to create the component and get an instance of it. For this, we write a second beforeEach function, as shown in the following code:

beforeEach(() => {fixture = TestBed.createComponent(HomepageComponent);component = fixture.componentInstance;fixture.detectChanges();});

Here, we see that we are doing three things:

• Creating the Homepage component and assigning that to the component fixture.
• Then, accessing the component object from the component fixture and assigning it to the component variable.
• Calling the detectChanges method in the component fixture. As we mentioned earlier, the component fixture provides extra features, ...