使用 karma jasmine 使用路由器 navigateByUrl 对 function 进行单元测试

Question

我正在尝试对以下具有路由器 navigateByUrl 的 function 进行单元测试，但无法执行。然后阻止

.ts 代码：

back(){ 

    this.router.navigateByUrl('/routepath').then(() => {

         Object.keys(['column']).forEach((obj, val) => {
            myService.setDefaultGroup();
         });

    });
}

这是我在我的 spec.ts 中尝试过的

class MockRouter {
   navigateByUrl = () => {
    return {
      then: () => {}
     }
   }
}

configureTestSuite(() => {
    TestBed.configureTestingModule({
       providers: [{ provide: Router, useClass: MockRouter } ]
    })
});

describe('should call back', () => {
    it('should call Router.navigateByUrl', inject([Router], (router: Router) => {
        const spy = spyOn(router, 'navigateByUrl');
        component.back();
    }));
});

收到的output是什么

类型错误：无法读取未定义的属性“then”

预期的：

测试用例应该执行

我正在使用业力和 jasmine 对此进行单元测试。 如果我遗漏了什么，请帮助我

Answer 1

当您spyOn一个方法时，它会将其存根以返回未定义。

您需要使用.and.callThrough()以免丢失实现细节。

尝试：

describe('should call back', () => {
    it('should call Router.navigateByUrl', inject([Router], (router: Router) => {
        const spy = spyOn(router, 'navigateByUrl').and.callThrough();
        component.back();
    }));
});