Angular 7 Spyon из не работает в модульном тестировании? - PullRequest
Новая
       6

Angular 7 Spyon из не работает в модульном тестировании?

0 голосов
/ 18 февраля 2019

Во-первых, я перепробовал все вопросы и ответы, связанные с этой темой.Кроме того, я попробовал связанные вопросы и попытался решить их, но безуспешно.Поэтому, пожалуйста, внимательно прочитайте мой вопрос.

Поиск вопросов :

SpyOn в угловом тестировании

spyOn не работаетв Http Interceptor in Angular 6

По сути, мой модульный тест вызывает метод для компонента, который вызывает службу и сравнивает данные, но каким-то образом из является ошибкой.

Ошибка: 

Property 'from' does not exist on type 'typeof Observable'.ts(2339)

enter image description here

интерфейс 

export interface servicecasemodel {
    _id:string,
    propertyName:string,
    propertyDesc:string,
    propertyType:number
}

сервис 

import { Injectable } from '@angular/core';
import { servicecasemodel } from 'src/app/service-test-case/model/servicecasemodel';
import { HttpClient } from '@angular/common/http';
import { Observable,of } from 'rxjs';
import { catchError } from 'rxjs/operators';

@Injectable({
  providedIn: 'root'
})
export class ServicecaseService {

  constructor( private http:HttpClient) { }

   url:string = 'http://XXX.XXX.X.X:5000/api/property';
  getproduct():Observable<servicecasemodel[]> {
    return this.http.get<servicecasemodel[]>(this.url);

  }

}

Component.ts 

import { Component, OnInit } from '@angular/core';
import {ServicecaseService} from 'src/app/service-test-case/service/servicecase.service';
import { servicecasemodel } from './model/servicecasemodel';

@Component({
  selector: 'app-servicce-test-case',
  templateUrl: './service-test-case.component.html',
  styleUrls: ['./service-test-case.component.css']
})
export class ServiceTestCaseComponent implements OnInit {

  product:servicecasemodel[];
  constructor( private service_instance:ServicecaseService) { }

  ngOnInit() {
   this.service_instance.getproduct().subscribe(
      (responce:servicecasemodel[]) => {
        console.log(responce);
        this.product = responce;
      }
    );

  }

}

Код модульного теста 

import {ServicecaseService} from 'src/app/service-test-case/service/servicecase.service';
import { ServiceTestCaseComponent } from './service-test-case.component';
import { servicecasemodel } from './model/servicecasemodel';
import { Observable,from,of, observable,throwError } from 'rxjs';

describe('ServiceTestCaseComponent', () => {
  let component :ServiceTestCaseComponent;
  let service: ServicecaseService;
  const Getdata :servicecasemodel[] =[
    {
      _id:'1',
      propertyName:'Pro Nmae',
      propertyDesc:'Pro Desc',
      propertyType:1
    },
    {
      _id:'2',
      propertyName:'Pro Nmae 2',
      propertyDesc:'Pro Desc 2',
      propertyType:3
    },
  ];


  beforeEach(() => {

    service = new ServicecaseService(null);
    component = new ServiceTestCaseComponent(service);

  });

  it('should set property with the items returned',() =>{

      spyOn(service,'getproduct').and.callFake(() => { 
      return Observable.from([Getdata]);
    }); 


    // Make actual call
    component.ngOnInit();
    //expect(service).toBeTruthy();
    expect(component.product).toEqual(Getdata);
  });
});

1 Ответ

0 голосов
/ 18 февраля 2019

Это должно быть из вместо из 

spyOn(service,'getproduct').and.returnValue(Observable.of(GetData));

Infact, вы можете напрямую использовать как ниже, как я видел, что of напрямую импортируется. 

 spyOn(service,'getproduct').and.returnValue(of(GetData));
...