使用 Angular 中的参数模拟激活的路由

Question

问题

如何在我的单元测试中模拟ActivatedRoutes？

服务：

  constructor(
    private route: ActivatedRoute,
    private knowledgeModelService: KnowledgeModelService
  ) {
    route.params.pipe(map(p => p.modelId)).subscribe((modelId) => {
      this.modelId = modelId;
    });
  }

我的单元测试：

模拟类

  class ActivatedRouteMock {
    // params = of([{modelId: 'test1'}]);
    params = { paramMap: of( convertToParamMap( { modelId: 'test1' } ) ) }
  }

...

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ StatsComponent ],
      providers: [
        {
          provide: ActivatedRoute, useClass: ActivatedRouteMock
        },

我尝试了差异。方法来自：

Angular2 RC5 Mock Activated Route Params

Angular2 how to Mock Activated Route Params subscribed

Unit test angular activate route correctly

Angular 4 - Failed: Can't resolve all parameters for ActivatedRoute: (?, ?, ?, ?, ?, ?, ?, ?)

但我没有得到任何地方。

错误：

route.params.pipe is not a function

Answer 1

你试过这样吗？

class ActivatedRouteMock {
    params = of( { modelId: 'test1' } )
}