我如何模拟 id = this.route.snapshot.params.id;在角度？

Question

我想模拟这段代码： （这是我的组件类中的一个属性）

 id = this.route.snapshot.params.id;

我的ActivatedRoute 在我的测试中需要它，我得到的错误是

无法读取未定义的“路由”属性。

我对此的嘲讽是：

 TestBed.configureTestingModule({
       // The declared components needed to test the UsersComponent.
       declarations: [
         MatchEditComponent, // The 'real' component that we will test
         // RouterLinkStubDirective, // Stubbed component required to instantiate the real component.
        
       ],
       imports: [FormsModule],
       //
       // The constructor of our real component uses dependency injected services
       // Never provide the real service in testcases!
       //
       providers: [
         { provide: AuthService, useValue: authServiceSpy },
         { provide: AlertService, useValue: alertServiceSpy },
         { provide: Router, useValue: routerSpy },
         { provide: MatchService, useValue: matchServiceSpy },
         // { provide: StudioService, useValue: studioServiceSpy },
         {
           provide: ActivatedRoute,
           useValue: {
             useValue: {snapshot: {params: {'id': '1'}}}
             
           },
         },
       ],
     }).compileComponents();
 
     fixture = TestBed.createComponent(MatchEditComponent);
     component = fixture.componentInstance;   });

Answer 1

看起来你嵌套了useValue 2 次：

{
  provide: ActivatedRoute,
  useValue: {
    // useValue again
    useValue: {snapshot: {params: {'id': '1'}}},
  },
}

而不是

{
  provide: ActivatedRoute,
  useValue: {snapshot: {params: {'id': '1'}}},
}