angular - 如何测试 Observable.fromEvent

Question

我们如何使用 jasmine 测试 Observable.fromEvent

@ViewChild('d')
private inputDatePicker: NgbInputDatepicker;

this.subscription = Observable.fromEvent(document, 'click').subscribe((event: KeyboardEvent) => {
       if (!this.eRef.nativeElement.contains(event.target)) {
            this.inputDatePicker.close();
       }
});

ngOnDestroy() {
    this.subscription.unsubscribe();
}

我正在使用 ngb-date-picker 并使用 fromevent 捕捉文档点击并关闭日期选择器

Answer 1

我认为在这种情况下，您最好的猜测是首先不要将文档作为全局文档，而是将其注入(inject)到您的组件/指令/可注入(inject)中(angular 提供了一种使用 -> @Inject(DOCUMENT) 来提供它的方法) .此时你可以模拟它传递给你自己的实现。从那里你将这样的方法添加到你的模拟中

{
  addEventListener: jasmine.createSpy('addEvent').and.callFake((eventName: string, cb: () => void) => {
    imageListeners[eventName] = cb;
  }),
  removeEventListener: jasmine.createSpy('removeEvente').and.callFake((eventName: string) => {
    delete imageListeners[eventName];
  })
}

(ofc 适合您的情况，这只是我为类似情况编写的一些代码)

以及何时需要触发您的方法

addEventListener.calls.argsFor

等等。 我在假设您使用 Jasmine 作为测试套件的情况下写了这个答案，但应该与其他套件相似只是方法不同。 希望对您有所帮助:)