This blog represents code sample on how to get started with unit test in an Angular app (Angular 2/Angular 4). The code sample shown below could be used as a template for creating a unit test spec for any component.
Pay attention to following two points:
import { TestBed, async } from '@angular/core/testing'; import { SignupComponent } from './signup.component'; import { FormsModule } from '@angular/forms'; describe('SignupComponent', () => { beforeEach(async(() =>; { TestBed.configureTestingModule({ <strong>declarations: [ SignupComponent ], imports: [ FormsModule ],</strong> }).compileComponents(); })); it('should create the app', async(() => { <strong> const fixture = TestBed.createComponent(SignupComponent);</strong> const app = fixture.debugElement.componentInstance; expect(app).toBeTruthy(); })); });
Below is the code which represents the unit test spec for bootstrap component, app.component.ts, which is found at the root level. This component is used to bootstrap the app.
import { TestBed, async } from '@angular/core/testing'; import { AppComponent } from './app.component'; import {SignupModule} from './signup/signup.module'; describe('AppComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ <strong>declarations: [ AppComponent ], imports: [SignupModule]</strong> }).compileComponents(); })); it('should create the app', async(() => { <strong>const fixture = TestBed.createComponent(AppComponent);</strong> const app = fixture.debugElement.componentInstance; expect(app).toBeTruthy(); })); });
Pay attention to some of the following in above code:
Execute the following command in the root folder to run the unit tests:
ng test
In case you are developing web apps using Spring and Angular, check out my book, Building web apps with Spring 5 and Angular. Grab your ebook today and get started.
Last updated: 3rd May, 2024 Have you ever wondered why some machine learning models perform…
Last updated: 2nd May, 2024 The success of machine learning models often depends on the…
When working on a machine learning project, one of the key challenges faced by data…
Last updated: 1st May, 2024 The bias-variance trade-off is a fundamental concept in machine learning…
Last updated: 1st May, 2024 As a data scientist, understanding the nuances of various cost…
Last updated: 1st May, 2024 In this post, you will learn the concepts related to…