我有一个函数调用另一个本身使用 http 订阅的函数,但我在测试它时遇到了麻烦...
我的组件
id = 1;
myFunct() {
this.myService.delete(this.id);
}
我的服务
delete(id) {
this.http.delete(this.myUrl + '/' + id).subscribe()
}
测试
let mockService;
beforeEach(() => {
TestBed.configureTestingModule({
mockService = createSpyObj(['delete']);
imports: ...,
declarations: ...,
providers: [
{provide: MyService, useValue: mockService}
]
}).compileComponents();
fixture = ...;
component = ...;
fixture.detectChanges();
});
it('should test delete', () => {
mockService.delete.and.returnValue({ subscribe: () => {} });
component.myFunct();
expect(mockService.delete).toHaveBeenCalledTimes(1);
});
我的测试带回了错误:
无法读取未定义的属性“订阅”
常见的模式是从您的服务方法返回 observable 并在例如内部订阅。成分。
像这样的东西:
我的组件
id = 1;
myFunct() {
this.myService.delete(this.id).subscribe(
(result) => console.log(result),
(error) => console.log(error)
};
我的服务
delete(id): Observable<any> {
this.http.delete(this.myUrl + '/' + id)
}
测试
imports {of} from 'rxjs'
let mockService;
beforeEach(() => {
TestBed.configureTestingModule({
mockService = createSpyObj(['delete']);
imports: ...,
declarations: ...,
providers: [
{provide: MyService, useValue: mockService}
]
}).compileComponents();
fixture = ...;
component = ...;
fixture.detectChanges();
});
it('should test delete', () => {
mockService.delete.and.returnValue(of({id: 1}));
component.myFunct();
expect(mockService.delete).toHaveBeenCalledTimes(1);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句