在Angular 6中测试app/root组件,可以按照以下步骤进行:
app.component.spec.ts
的测试文件。ComponentFixture
、TestBed
和组件本身。例如:import { ComponentFixture, TestBed } from '@angular/core/testing';
import { AppComponent } from './app.component';
TestBed.configureTestingModule
方法配置测试环境。这包括声明要测试的组件和导入所需的模块。例如:beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [AppComponent],
// 导入其他模块(如果有)
}).compileComponents();
});
TestBed.createComponent
方法创建组件的实例。例如:beforeEach(() => {
fixture = TestBed.createComponent(AppComponent);
component = fixture.componentInstance;
});
expect
语句来断言组件的某些属性或方法的预期值。例如:it('should create the app', () => {
expect(component).toBeTruthy();
});
it('should render title', () => {
const compiled = fixture.nativeElement;
expect(compiled.querySelector('h1').textContent).toContain('My App');
});
ng test
命令来执行测试。Angular会自动运行所有的测试用例,并提供结果和反馈。领取专属 10元无门槛券
手把手带您无忧上云