Аргумент типа 'Наблюдаемый 'не может быть назначен параметру типа' Observable ». хочу создать макет службы

Question

Это мой тестовый файл, я хочу создать фиктивный сервис для модульных тестов, которые наблюдаемый не возвращает фальшивое значение. Пожалуйста, помогите мне решить эту проблему, а также, пожалуйста, объясните мне, что не так в моем коде.

all-projects.component.spe c .ts

import { ProjectsService } from './../../../../services/projects/projects.service';
import { AllProjectsComponent } from './all-projects.component';

import 'rxjs/add/observable/from';
import { Observable } from 'rxjs/Observable';


describe('allprojectComponent', () => {

    let component: AllProjectsComponent;
    let service: ProjectsService;

    beforeEach(() => {
        service = new ProjectsService(null, null);
        component = new AllProjectsComponent(service);
    });

    it('should set projects property with the items returned from the server', () => {
        spyOn(service,'getAllprojects').and.returnValue(Observable.from([[1,2,4]]))
    })
});

это мой сервисный файл.

project.service.ts

import { Injectable } from '@angular/core';
import { HttpClient , HttpBackend, HttpParams  } from '@angular/common/http';
import { environment } from './../../../../environments/environment';

import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class ProjectsService {
  public API = environment.apiUrl;
  public newHttp;

  constructor( private http: HttpClient, private handler: HttpBackend ) {

    this.newHttp = new HttpClient(this.handler);

  }

  getAllprojects(): Observable<ProjectObject[]> {
    return this.http.get<ProjectObject[]>(this.API + '/projects');
  }

Этот файл является моделью моего проекта. project.model.ts

export interface Docs {
    fileType : string,
    extension: string
}



export interface Project {
    projectType: string;
    status: string;
    totalBids: number;
    _id: string;
    clientID: string;
    projectName: string;
    licenseType: string;
    location: string;
    description: string;
    duration: number;
    createdAt: Date;
    updatedAt: Date;
    __v: number;
}

export interface OpenFaq {
    _id: string;
    engineerID: string;
    question: string;
}

export interface ProjectObject {
    project: Project;
    openFaq: OpenFaq[];
    closedFaq: any[];
    doc: any[];
}

Answer 1

Здесь у вас есть база c, настроенная для теста:

  it('should set projects property with the items returned from the server', () => {
    spyOn(service, 'getAllprojects').and.returnValue(of([
      // Here you can provide object with full properties from ProjectObject or minimum just to make test pass
      {} as ProjectObject,
      {} as ProjectObject,
      {} as ProjectObject,
    ]));

    component.methodName(); // trigger method that will subscribe to service

    // check whatever you want which is related with fetching data from that service
  });