Question

假设我有一个这样的简单组件：

@Component({
  selector: 'my-test',
  template: '<div></div>'
})

export class test {

  @Output selected: EventEmitter<string> = new EventEmitter<string>();

  public onSelect(event: any) {
    this.selected.emit(event.data);
  }
}

测试它的最佳方法是什么？我已经看过这样的订阅：

it('should emit the selected item', (done) => {

  myTest.selected.subscribe((result) => {

    expect(result).toBe('123');
    done();
  }
  //Act
  myTest.onSelect({data:'123'});
}

或者像这样的间谍：

it('should emit the selected item', () => {

  spyOn(myTest.selected, 'emit');
  //Act
  myTest.onSelect({data:'123'});
  //Assert
  expect(myTest.selected.emit).toHaveBeenCalledWith('123');
}

这两个结构通过了测试。我认为第二个更简单，所以我的问题是：这两个结构是否相同？是否有理由更好地使用第一次测试而不是第二次？为什么？

感谢您的时间。

Answer 1

他们以不同的方式测试同样的事情。

我同意你的第二种表格更容易理解，因为

AAA语法从上到下而不是在回调内部流动
您正在测试直接效果（emit被调用）

这与测试在代码中不可见的间接效果（subscribe被调用）形成对比。

测试eventEmiters的最佳方法是什么？

1 个答案: