如何在角度单位测试取消订阅功能

我想找到一种方法来测试订阅和主题上的取消订阅功能调用.

我想出了一些可能的解决方案,但每一个都有利有弊.请记住,我不想为了测试目的而改变变量的访问修饰符.

>使用反射访问组件的私有变量.

在这种情况下,我有一个私有类变量存储订阅：

component.ts：

private mySubscription: Subscription;
//...
ngOnInit(): void {
    this.mySubscription = this.store
        .select(mySelector)
        .subscribe((value: any) => console.log(value));
}

ngOnDestroy(): void {
    this.mySubscription.unsubscribe();
}

component.spec.ts：

spyOn(component['mySubscription'],'unsubscribe');
component.ngOnDestroy();
expect(component['mySubscription'].unsubscribe).toHaveBeenCalledTimes(1);

优点：

>我可以达到我的订阅.
>我可以测试在右侧调用取消订阅方法
订阅.

缺点：

>我只能通过反射达到mySubscription,如果可能的话我想避免.

>我为订阅创建了一个变量,就像在选项1中一样.但是我没有使用反射来访问变量,而是在不知道源的情况下检查是否调用了unsubscribe方法.

component.ts：与选项1相同

component.spec.ts：

spyOn(Subscription.prototype,'unsubscribe');
component.ngOnDestroy();
expect(Subscription.prototype.unsubscribe).toHaveBeenCalledTimes(1);

优点：

>我可以测试调用取消订阅方法

缺点：

>我无法测试调用的取消订阅方法的来源.

>我实现了一个辅助函数,它对传递的订阅参数调用unsubscribe方法.

subscription.helper.ts：

export class SubscriptionHelper {

    static unsubscribeAll(...subscriptions: Subscription[]) {
        subscriptions.forEach((subscription: Subscription) => {
                subscription.unsubscribe();
            });
    }
}

component.ts：与选项1中的相同,但ngOnDestroy是不同的：

ngOnDestroy(): void {
    SubscriptionHelper.unsubscribeAll(this.mySubscription);
}

component.spec.ts：

spyOn(SubscriptionHelper,'unsubscribeAll');
component.ngOnDestroy();
expect(SubscriptionHelper.unsubscribeAll).toHaveBeenCalledTimes(1);

优点：

>我可以测试调用辅助函数

缺点：

>我无法测试是否在特定订阅上调用了取消订阅功能.

你们有什么建议？你如何在单元测试中测试清理？

// get your subscrption
const mySubscription = component['mySubscription'];

// use the reference to confirm that it was called on that specific subscription only.
expect(SubscriptionHelper.unsubscribeAll).toHaveBeenCalledWith(mySubscription);