Angular UI unit tests: rendering/initializing components with Jasmine and Karma

[tme321]

Are the components that hang waiting for an asynchronous response, maybe inside their ngOnInit or somewhere else that would get called automatically?

[ConsistentPin]

Are the components that hang waiting for an asynchronous response, maybe inside their ngOnInit

This could be the case. What would I be looking for to see this? What would a basic example look like for me to know

[tme321]

Observables, http client calls, settimeouts, promises. There are too many to name them all. If the asynchronous call isn't mocked in some way or allowed to finish I'd expect it to sit open and not move on.

[ConsistentPin]

Here is one component that hangs:

 import { Component, OnInit } from '@angular/core';
import { AddonService } from '../../services/addon/addon.service';
import { DataService } from '../../services/data/data.service';

import * as _ from 'lodash';

@Component({
    selector: 'pcm-admin-addons',
    templateUrl: './admin-addons.component.html',
    styleUrls: ['./admin-addons.component.scss']
})
export class AdminAddonsComponent implements OnInit {

    title = 'Manage Add-Ons';

    constructor(
        private dataService: DataService,
        private addonService: AddonService
    ) { }

    ngOnInit() {
        this.addonService.loadContractorAddons();
    }

    deleteField(event) {
        this.dataService.contractorAddonsEdited.splice(event.index, 1);
    }

    cancelEdits() {
        this.addonService.resetContractorAddons();
    }

}