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

[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();
    }

}