我正在尝试使用带有Angular和Typescript的Jest编写测试,但是我不太了解如何在类中模拟函数。我创建了一个非常简单的示例,试图在理解我不遵循的内容时获得一些帮助。
test-service.ts(简单类)
export class TestService{
constructor() { }
GetRandom(): number {
return Math.floor(Math.random() * 100);
}
}
这是简单的课程,只是为了展示我尝试模仿的内容。由于该函数返回一个随机数,因此您无法对其进行测试。这是我试图简单地说明可能返回任何内容的外部进程的示例,并希望检查返回的数据以确保我的代码可以正常工作。
测试服务规范
import { TestBed, ComponentFixture } from '@angular/core/testing';
import { NO_ERRORS_SCHEMA } from '@angular/core';
jest.mock('./test-service');
import { TestService } from './test-service';
describe('TestService', () => {
let TestObject: TestService;
beforeEach(() => {
TestBed.configureTestingModule({
imports: [ ],
providers: [ ]
});
});
describe('Sample Test', () => {
test('Random Number should be mocked by Jest', () => {
... // What do to here??
expect(TestObject.GetRandom()).toBe(5); // How do I get the mock here?
});
});
});
我不知道如何使随机数返回一个简单的数字(例如5)进行测试。
首先,您必须创建一个方法来替换所需的模拟方法的实现。例如,我在类中创建了它TestUtil
:
export class TestUtil {
public static mockService(service: any, methods: string[]) {
@Injectable()
class MockedClass {
}
methods.forEach(method => MockedClass.prototype[method] = Observable.of({}));
return {provide: service, useClass: MockedClass};
}
}
然后,您可以使用它TestService
在测试模块中提供的模拟类。
describe('TestService', () => {
let TestObject: TestService;
beforeEach(() => {
TestBed.configureTestingModule({
providers: [TestUtil.mockService(TestService, ['GetRandom'])]
});
});
beforeEach(inject([TestService], (injectedTestService: TestService) => {
TestObject = injectedTestService;
}));
describe('Sample Test', () => {
test('Random Number is mocked by You', () => {
spyOn(TestObject, "GetRandom").and.returnValue(5);
expect(TestObject.GetRandom()).toBe(5);
});
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句