Component: Block UI - JEST error when destroy component if 'mask' is undefined

[maximegris]

Describe the bug

After running a JEST test on a component depending on BlockUI, the test failed during the clean up phase (when ngOnDestroy functions are called)

console.error
    Error during cleanup of component {
      component: AppComponent {
        [...],
stacktrace: TypeError: Cannot read properties of undefined (reading 'nativeElement')
          at BlockUI.unblock ([PROJECT_PATH]\node_modules\primeng\fesm2015\primeng-blockui.mjs:64:19)
          at BlockUI.ngOnDestroy ([PROJECT_PATH]\node_modules\primeng\fesm2015\primeng-blockui.mjs:82:14)
          at executeOnDestroys ([PROJECT_PATH]\node_modules\@angular\core\fesm2015\core.mjs:8809:32)
          at cleanUpView ([PROJECT_PATH]\node_modules\@angular\core\fesm2015\core.mjs:8710:9)

This appears because this.mask can be undefined when blockUi componant is destroyed.

   unblock() {
        this.animationEndListener = this.destroyModal.bind(this);
        this.mask.nativeElement.addEventListener('animationend', this.animationEndListener); //***mask can be undefined here***
        DomHandler.addClass(this.mask.nativeElement, 'p-component-overlay-leave'); //***mask can be undefined here***
    }

    destroyModal() {
        this._blocked = false;
        DomHandler.removeClass(this.mask.nativeElement, 'p-component-overlay-leave'); //***mask can be undefined here***
        ZIndexUtils.clear(this.mask.nativeElement); //***mask can be undefined here***
        this.el.nativeElement.appendChild(this.mask.nativeElement); //***mask can be undefined here***
        this.unbindAnimationEndListener();
        this.cd.markForCheck();
    }

    unbindAnimationEndListener() {
        if (this.animationEndListener && this.mask) { // this.mask check is already made here but not in the above functions
            this.mask.nativeElement.removeEventListener('animationend', this.animationEndListener);
            this.animationEndListener = null;
        }
    }

    ngOnDestroy() {
        this.unblock();
        this.destroyModal();
    }

Environment

Windows 10
NodeJS 18.12.0
Angular 14.2.0
Jest 28.1.1

Reproducer

No response

Angular version

14.2.0

PrimeNG version

14.2.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.12.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response