我正在尝试使用https://github.com/ngneat/spectator编写一个（相当）复杂的测试 我有一个在 ngOnInit 中具有3个http服务的组件。

其中两个很容易嘲笑，我可以通过2种方式做到（我认为）：

const FieldServiceMock = {
    list: (categoryId: string,specificationOnly: boolean) =>
        of([
            {
                id: 0,canCopy: false,categoryId: 'cameras',dataType: 0,display: false,isspecification: true,name: 'gtin',order: 0,required: true,},]),};

const ProductServiceMock = {
    listValidatedRangeProducts: (categoryId: string) =>
        of([
            {
                gtin: 0,{
                gtin: 1,};

let spectator: Spectator<SpecificationsSaveComponent>;
const createComponent = createComponentFactory({
    component: SpecificationsSaveComponent,imports: [],providers: [
        mockProvider(FieldService,FieldServiceMock),mockProvider(ProductService,ProductServiceMock)
    ],});

或

let spectator: Spectator<SpecificationsSaveComponent>;
const createComponent = createComponentFactory({
    component: SpecificationsSaveComponent
});

beforeEach(() => {
    spectator = createComponent();
    spectator.get(FieldService).list.andReturn(of([
        {
            id: 0,]));
    spectator.get(ProductService).listValidatedRangeProducts.andReturn(of([
        {
            gtin: 0,{
            gtin: 1,]));
});

问题是，我有另一个服务不能像其他两个那样正常工作。服务看起来像这样：

import { Injectable } from '@angular/core';
import { BehaviorSubject,Observable } from 'rxjs';

import { Category } from '@models';

@Injectable({
    providedIn: 'root',})
export class SelectorService {
    private currentCategoriesSubject: BehaviorSubject<Category[]>;
    private currentCategorySubject: BehaviorSubject<string>;

    public categories: Observable<Category[]>;
    public category: Observable<string>;

    constructor() {
        this.currentCategoriesSubject = new BehaviorSubject<Category[]>(null);
        this.categories = this.currentCategoriesSubject.asObservable();

        this.currentCategorySubject = new BehaviorSubject<string>(null);
        this.category = this.currentCategorySubject.asObservable();
    }

    public setCategories(categories: Category[]): void {
        if (!categories.length) return;
        this.setCategory(categories[0].id);
        this.currentCategoriesSubject.next(categories);
    }

    public setCategory(categoryId: string): void {
        this.currentCategorySubject.next(categoryId);
    }

    public get currentCategory(): string {
        return this.currentCategorySubject.value;
    }

    public add(category: Category) {
        let categories = this.currentCategoriesSubject.value;
        if (!categories) categories = [];

        categories.push(category);

        this.currentCategoriesSubject.next(categories);
        this.currentCategorySubject.next(category.id);
    }

    public remove(categoryId: string) {
        let categories = this.currentCategoriesSubject.value;
        for (var i = 0; i < categories.length; i++) {
            if (categories[i].id === categoryId) {
                categories.splice(i,1);
            }
        }

        this.currentCategoriesSubject.next(categories);

        if (!categories.length) return;

        this.currentCategorySubject.next(categories[0].id);
    }
}

我需要模拟的部分是公共财产类别。 我不确定如何去嘲弄那个。有人知道吗？

这是我要测试的组件的 ngOnInit 方法：

ngOnInit() {
    console.log(this.selectorService);

    this.selectorService.category.subscribe(category => {
        if (!category) return;

        this.fieldService.list(category,false).subscribe(fields => {
            let rangeFields = fields.filter(field => !field.isspecification);
            let specificationFields = fields.filter(field => field.isspecification);

            this.fields = specificationFields;

            this.productService.listValidatedRangeProducts(category).subscribe(range => {
                if (!range.length) return;
                this.products = range;
                this.range = this.productModelService.mapProducts(rangeFields,range);
                this.saveForm = this.toFormGroup(range[0]);
            });
        });
    });
}

private toFormGroup(product: any): FormGroup {
    let group: any = {};

    this.fields.forEach(field => {
        group[field.name] = new FormControl(product[field.name]);
    });

    return new FormGroup(group);
}