我正在根据官方 Angular文档编写我的第一个单元测试
但是，当我尝试使用他们的示例时，我在尝试测试时遇到了上述错误。我环顾四周，但找不到有关此特定错误的任何信息。
我的尝试：
import { TestBed } from '@angular/core/testing';
import { HttpClient } from '@angular/common/http';
import { VService } from './vservice';
fdescribe('VService', () => {
let VServiceSpy: jasmine.SpyObj<VService>;
beforeEach(() => {
const spy = jasmine.createSpyObj('VService', ['getAll']);
TestBed.configureTestingModule({
// this fixed an issue which is why i added it
providers: [{ provide: HttpClient, useValue: spy }]
});
VServiceSpy = TestBed.get(VService);
});
it('should be created', () => {
expect(VServiceSpy).toBeTruthy();
});
it('#getAll should return stubbed value from a spy', () => {
const stubValue = [
{
id: '1',
name: 'Repairs',
number: '000000001',
address: '1 Test Rd. Tampa, OH 44442',
phoneNumber: '111-111-1111',
emailAddress: '[email protected]'
}
];
// here is the issue
VServiceSpy.getAll.and.returnValue(stubValue);
expect(VServiceSpy.getAll()).toBe(stubValue, 'service returned stub value');
expect(VServiceSpy.getAll.calls.count())
.toBe(1, 'spy method was called once');
expect(VServiceSpy.getAll.calls.mostRecent().returnValue)
.toBe(stubValue);
});
});
我认为这是我的服务返回 observable 的问题？不过，我认为这是非常标准的。我的服务没有什么特别之处。
你很亲近。要测试服务，您需要将该服务添加到 providers 数组。所以改变这个：
TestBed.configureTestingModule({
// this fixed an issue which is why i added it
providers: [{ provide: HttpClient, useValue: spy }]
});
像这样：
TestBed.configureTestingModule({
providers: [
VService,
{ provide: HttpClient, useValue: spy }
]
});
注意：您可以在设置 HttpClient 时对其进行间谍活动，但也可以查看此处HttpClientTestingModule有详细记录的内容。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句