设置模拟服务并使用 jasmine/ karma 和 Angular 调用它时出现问题

Question

我有一个调用另一个方法的方法。 在该方法中，我订阅了一项服务，如果匹配，则使用 Angular 路由器服务进行导航。 这是一个stackBlitz 示例

  goToMain(): void {
    this.viewFunc(this.queryString);
  }

  viewFunc(queryString): void {
    this.reportService.getAnotherReport(queryString).subscribe(x => {
      if (x.label.toLowerCase() === "accept & view") {
        const url = "main";
        this.router.navigate([url], {
          queryParams: { queryString: queryString }
        });
      }
    });
  }

我成功地在我的规范文件中创建了一个测试来测试是否调用了viewFunc方法。 然后，我尝试从下一个方法中调用的服务模拟订阅。 我试图测试两件事 A. 订阅称为 B. 如果匹配则导航。

我收到错误“预期的间谍 getAnotherReport 已被调用。 ”

  it("should call service", () => {
    const queryString = "10987";
    const testee = component;
    expect(testee).toBeTruthy();

    const routerSpy = { navigate: jasmine.createSpy("navigate") };
    const mySpy = jasmine.createSpy("getAnotherReport").and.callThrough();

    testee.viewFunc(queryString);

    expect(mySpy).toHaveBeenCalled();
    expect(routerSpy.navigate).toHaveBeenCalledWith(["/main"], {
      queryParams: { queryString: queryString }
    });
  });

这是一个stackBlitz 示例

我还不能完全理解 jasmine 和单元测试，我怀疑我错误地为我的规范文件设置了描述/测试平台。 因此，如果有人可以提供帮助并查看stackBlitz 示例，我将不胜感激。