angular - 你如何模拟 ActivatedRoute

Question

我正在学习 Angular，我想做测试，但我被卡住了。我有一个函数:

ngOnInit(): void {
    this.route.paramMap
    .switchMap((params: ParamMap) => 
        this.SomethingService.getSomething(params.get('id')))
        .subscribe(something => {
            this.something = something;
            this.doSomethingElse();
    });
}

在哪里

route: ActivatedRoute

我想测试它，但我不知道如何模拟 ActivatedRoute

Answer 1

模拟 ActivatedRoute 的一种简单方法是:

    TestBed.configureTestingModule({
      declarations: [YourComponenToTest],
      providers: [
        {
          provide: ActivatedRoute,
          useValue: {
            params: Observable.from([{id: 1}]),
          },
        },
      ]
    });

然后在您的测试中它将可用并且您的函数应该使用它(至少 ActivatedRoute 部分)

如果您想将其存储在变量中，您可以在 it 函数中使用 TestBed.get(ActivatedRoute) 获取它。

不要忘记从 rxjs/Rx 而不是 rxjs/Observable 导入 Observable