igniteui-angular-sovn/src/lib/test-utils/configure-suite.ts

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

import { TestBed, getTestBed, ComponentFixture, waitForAsync } from '@angular/core/testing';
import { resizeObserverIgnoreError } from './helper-utils.spec';

/**
 * Per https://github.com/angular/angular/issues/12409#issuecomment-391087831
 * Destroy fixtures after each, reset testing module after all
 *
 * @hidden
 */

export const configureTestSuite = (configureAction?: () => TestBed) => {
    const testBed = getTestBed();
    const originReset = testBed.resetTestingModule;

    const clearStyles = () => {
        document.querySelectorAll('style').forEach(tag => tag.remove());
    };

    const clearSVGContainer = () => {
        document.querySelectorAll('svg').forEach(tag => tag.remove());
    };

    let _resizerSub: jasmine.Spy<OnErrorEventHandlerNonNull>;

    beforeAll(() => {
        testBed.resetTestingModule();
        testBed.resetTestingModule = () => testBed;
        _resizerSub = resizeObserverIgnoreError();
    });

    if (configureAction) {
        beforeAll(waitForAsync(() => {
            configureAction().compileComponents();
        }));
    }

    afterEach(() => {
        clearStyles();
        clearSVGContainer();
        (testBed as any)._activeFixtures.forEach((fixture: ComponentFixture<any>) => {
            const element = fixture.debugElement.nativeElement as HTMLElement;
            fixture.destroy();
            // If the fixture element ID changes, then it's not properly disposed
            element?.remove();
        });
        // reset ViewEngine TestBed
        (testBed as any)._instantiated = false;
        // reset Ivy TestBed
        (testBed as any)._testModuleRef = null;
    });

    afterAll(() => {
        testBed.resetTestingModule = originReset;
        testBed.resetTestingModule();
        _resizerSub = null;
    });
};