,可以通过以下步骤实现:
TestBed
和By
:import { TestBed, ComponentFixture } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
let component: YourComponent;
let fixture: ComponentFixture<YourComponent>;
TestBed.createComponent
方法创建组件夹具:beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [YourComponent]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(YourComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
fixture.debugElement.query
方法通过选择器获取DOM元素:const domElement = fixture.debugElement.query(By.css('.your-css-selector')).nativeElement;
其中,.your-css-selector
是你要访问的DOM元素的CSS选择器。
domElement
来访问和操作DOM元素了。这种方法可以用于访问和操作组件模板中的DOM元素,以便进行测试和断言。
领取专属 10元无门槛券
手把手带您无忧上云