尝试监视在 ngOnInit 内部调用的服务方法时未达到 Jasmine spy callFake

这个解决方案解决了我的问题，但它仍然没有真正回答我的问题。因此，如果有人可以对此有所了解，我很乐意将他们的回答标记为已接受的答案。

单元测试

它看起来像我调用spyOn,的顺序fixture.detectChanges，并且component.ngOnInit弄乱了服务，因此弄乱了我的Cannot read properties of undefined错误。下面更新的代码是完整的单元测试。我创建了__beforeEach这样我就不必重复嵌套单元测试中的所有内容。我最终也完全取消了调用component.ngOnInit()，因为它似乎detectChanges也同样有效。

describe('CompanySearchComponent', () => {

    let fixture, component, service;

    let __beforeEach = () => {
        fixture = TestBed.createComponent(CompanySearchComponent);
        component = fixture.componentInstance;
        service = component.companySearchService;
        
        component.companySource = 'database';
        spyOn(service, 'getClients').and.callFake(() => {
            let response = { data: { rows:[
                        {
                            COMPANYDESCRIPTOR: "Hello World Inc.",
                            COMPANYNAME: "Hello World Inc.",
                            CUSTOMERID: "abcdef123456",
                            CUSTOMERKEY: 123456
                        }
                    ]}}
             component.companySearchService.generateCompanyList(response, 'database');
        });

        fixture.detectChanges();
    }

    beforeAll(waitForAsync(__beforeEach));

    it ('should initialize the component and the service', () => {
        expect(component).toBeDefined();
        expect(service).toBeDefined();
    })

    it ('should initalize pathToNameProp to \'COMPANYNAME\' and pathToProp to [\'CUSTOMERID\', \'CUSTOMERKEY\'] with source set to \'database\'', () => {
        expect(component.pathToNameProp).toBe('COMPANYNAME');
        expect(component.pathToIdProp).toEqual(['CUSTOMERID', 'CUSTOMERKEY']);
    })

    it ('should update companies array', () => {
        expect(component.companies).toEqual([
            {
                COMPANYDESCRIPTOR: "Hello World Inc.",
                COMPANYNAME: "Hello World Inc.",
                CUSTOMERID: "abcdef123456",
                CUSTOMERKEY: 123456
            }
        ]);
    })

    describe('handleID', () => {
        
        beforeAll(waitForAsync(__beforeEach));

        it("should update selectedCompany form'", () => {
            let id = '123456';
            component.handleID(id);
            expect(component.companyForm.controls['selectedCompany'].value.COMPANYNAME).toBe('Hello World Inc.');
        })
    })
})

设置源

它可能不相关，但我想提出另一个我遇到的问题。该组件不是独立的，其他组件将其作为依赖项导入。也就是说，必须显式定义companySearchComponent.companySource然后重新初始化组件，因为它的值是在构造函数中定义的。

constructor(
    private elem: ElementRef,
    public companySearchService: CompanySearchService,
    private hierarchyService: HierarchyService, 
    private _formBuilder: FormBuilder
) {
    this.companySource = this.elem.nativeElement.dataset.companySrc;
    this.prevCompanySrc = this.companySearchService.source.getValue();
}

构造函数引用源的选择器元素

<company-search [hidden]="!showSearch" id="company-search" data-company-src="database"></company-search>

在companySearchComponent.ngOnInit该源值内部，用于定义 http 请求和响应的一些重要属性。它也用于初始调用companySearchService.getClients()（我最初遇到问题的函数）。

ngOnInit() {

    switch(this.companySource) {
        case 'database':
            ...
            this.pathToNameProp = 'COMPANYNAME';
            this.pathToIdProp = ['CUSTOMERID', 'CUSTOMERKEY'];
            break;
        ...
        default:
            break;
    }

    if (!this.companySearchService.companies.value || this.prevCompanySrc !== this.companySource) {
        this.companySearchService.source.next(this.companySource);
        this.companySearchService.getClients(this.endpoint, this.httpMethod, this.httpOptions);
    }

    ...
}

就像我说的那样，这并不能完全回答我提出的问题，但它是解决问题的方法，所以如果有人发布更全面和彻底的解决方案，我很乐意将其标记为已接受的答案。