javascript - 如何使用 ngx-auto-unsubscribe 测试我是否已取消订阅？

Question

有没有一种方法可以编写单元测试来检查我是否已成功取消订阅我的 Observable 订阅？

我正在使用 ngx-auto-unsubscribe .

示例:

@AutoUnsubscribe()
@Component
// Template and style urls

export class MyComp implements OnInit, OnDestroy {

   mySub: Subscription;

   constructor(private myService: MyService) { }

   ngOnInit() {
      this.myService.doSomething.subscribe(res => {
         console.log(res);
      })
   }

   ngOnDestroy() {
     // Only used for AOT (ahead of time) compilation
   }
}

Answer 1

是的，有办法(尽管我认为没有必要测试它)。

我不会为您编写整个测试，但逻辑如下:

• 在您的测试中使用基本的 ngIf 条件创建一个父组件(让我们称它为 MockComponent)以显示或不显示您的 MyComp<
• 使用您构建的另一个可观察对象模拟您服务中的可观察对象:

.

const obsCleanUpFunction = jasmine.createSpy();

const obs$ = new Observable(observer => {
  //following will be called when/if the observable if completed
  return obsCleanUpFunction;
});

• 创建组件MockComponent，其中包含MyComp
• 运行更改检测以在 ngOnInit 中传递并订阅它
• 在组件 MockComponent 上，将显示 MyComp 的条件设置为 false --> 它将被评估为的 ngIf 销毁假的
• 期待 Jasmine spy toHaveBeenCalled