Angular 2模拟调用另一个服务的异步服务

Question

我正在学习Angular 2测试（Karma，Jasmine）。 我已经有一个HTTP服务的工作测试，主要是从这个关于服务和测试的Semaphore教程中提取的。 我通过通常的异步（inject（[MyService]，...）进行测试。

我的实际程序有一个包含在服务中的服务，如下所示。

@Injectable()
export class GlobalsService {
  private options: Option[] = [];
  error: any;

  constructor(private optionService: OptionService) { }

  public getGlobals(): void {
    let that = this;
    this.optionService
      .getOptions()
      .then(options => that.fillOptions(options))
      .catch(error => that.error = error);
  }
  [SNIP]

optionService.getOptions（）返回等待的Promise，然后填充globalService.options列表。 globalsService.getGlobals（）可以同步调用，也可以在隐藏其内容的异步（延迟）填充的位置调用。

export class AppComponent implements OnInit {
  constructor(private globalsService: GlobalsService) { }

  ngOnInit() {
    this.globalsService.getGlobals();
  }
  [SNIP]

我坚持的是如何在测试环境中调用globalsService.getGlobals（）。 我想我应该通过async（）来调用它。

到目前为止，我的模拟OptionService是：

@Injectable()
export class MockOptionService {
  constructor() { }

  getOptions(): Promise<Option[]> {
    let options: Option[] = [
      { id: 'NY' } // truncated property list
    ];
    return Promise.resolve(options);
  }

}

然后我计划通过以下方式调用它：

  it('should get Option objects async',
    async(inject([GlobalsService, MockOptionService], (globalsService: GlobalsService, optionService: OptionService) => {

      globalsService.getGlobals()
        .then(() => {
          expect(globalsService.getOptions().length).toBe(1);
        });      

但是，我的“智能”程序员编辑器（SublimeText）说“属性'然后'在类型'void'上不存在。”，让我不确定我是否应该异步（注入或只使用tick（））。

评论，有人吗？

谢谢，杰罗姆。

Answer 1

尝试这个 ！

it('should get Option objects async',
async(inject([GlobalsService, MockOptionService], (globalsService: GlobalsService, optionService: OptionService) => {

  globalsService.getGlobals()
    .do(value => {
      expect(value.length).toBe(1);
    }).toPromise(); 
})));

Answer 2

在摆弄并进行更多研究后，我想到了两件事：*我的测试是错误的。 globalsService.getGlobals（）返回void。 .then或.do在说“属性不存在”时是正确的。

我改变测试工作的是添加一个setup子句，更改async（注入（对于fakeAsync（注入）以及修复注入和声明。这是有效的：

describe('Globals Service', () => {

  beforeEach(() => {

    TestBed.configureTestingModule({
      providers: [
        { provide: OptionService, useClass: MockOptionService },
        { provide: GlobalsService, useClass: GlobalsService }
      ]
    });
  });

  fakeAsync(inject([GlobalsService, OptionService], (globalsService: GlobalsService,  optionService: OptionService) => {
      globalsService.getGlobals();
      tick();
      expect(globalsService.getOptions().length).toBe(1);
    })));

});

感谢所有人的期待，并感谢Nidhin的回复。 现在我处理我的error（）处理 - 即在handleError（）中报告一个空错误变量。 但这是针对不同的支持电话。

杰罗姆。