spyOn 找不到用于监视 start() 的对象

2022-01-11 00:00:00 jasmine javascript angular typescript angular2-testing

我正在使用 angular-cli 测试框架.

I am using angular-cli testing framework.

在我的组件中，我使用了ng2-slim-loading-bar"节点模块.

inside my component , I have used 'ng2-slim-loading-bar' node module.

submit(){
    this._slimLoadingBarService.start(() => {
    });
    //method operations
}

现在当我测试这个组件时，我已经将 spyOn 这个服务应用为:

Now when I am testing this component, I have applied spyOn this service as :

beforeEach(() => {
    let slimLoadingBarService=new SlimLoadingBarService();
    demoComponent = new DemoComponent(slimLoadingBarService);
    TestBed.configureTestingModule({
        declarations: [
            DemoComponent
        ],
        providers: [
            { provide: SlimLoadingBarService, useClass: SlimLoadingBarService}
        ],
        imports: [
            SharedModule
        ]
    });
});
it('should pass data to servie', () => {
    spyOn(slimLoadingBarService,'start').and.callThrough();
   //testing code,if I remove the above service from my component, test runs fine
});

但它不起作用.

它抛出以下错误:

spyOn 无法为 start() 找到要监视的对象

spyOn could not find an object to spy upon for start()

推荐答案

使用 let 声明 slimLoadingBarService，您将其范围限制为 beforeEach 回调范围.用 var 声明它，或者更好的是，在正确的 describe() 块之后声明它，并在 beforeEach 回调函数中设置它的内容:

Declaring slimLoadingBarService with let, you are constraining its scope to the beforeEach callback scope. Declare it with var, or better, declare it after the proper describe() block and set its content within beforeEach callback function:

describe("some describe statement" , function(){
    let slimLoadingBarService = null;

    beforeEach( () => {
        slimLoadingBarService=new SlimLoadingBarService();

    });

    it('should pass data to service', () => {
        spyOn(slimLoadingBarService,'start').and.callThrough();
       //testing code,if I remove the above service from my component, test runs fine
    });
});

相关文章