Angular problem z testem

Question

Cześć.

Mam problem z tworzeniem jednego testu: 

describe('StatusComponent', () => {

  let component: StatusComponent;
  let fixture: ComponentFixture<StatusComponent>;
  let taskService: jasmine.SpyObj<TaskService>;

  taskService = jasmine.createSpyObj('TaskService', ['getStatusOfProject']);

  taskService.getStatusOfProject.and.returnValue(taskRound); // tu mam problem

  let taskRound: TaskRound[] = [
      {
        'id': 'id1',
        'idTask': 'idtask31',
        'task' : 'zadanie',
        'usersTransfer': 'user_transfer_test',
        'createdAt': 2020,
        'status' : 1
      },
   ];

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [HttpClientTestingModule],
      declarations: [ StatusComponent, FilterTablePipe, StatusPipe ],
      providers: [
        { provide: TaskService, useFactory: () => spyOnClass(TaskService) },
      ]
    })
    .compileComponents();
  }));
});

A tak wygląda mój TaskService: 

getStatusOfProject(way) {
    return this.http.get<TaskRound[]>(`${environment.apiUrl}/api/transfer/show/` + way);
  }

Problem mam w miejscu zwrócenia zawartości przez 

taskService.getStatusOfProject.and.returnValue(taskService);

Otóż ciągle dostaje błąd typu :

 error TS2345: Argument of type 'TaskRound[]' is not assignable to parameter of type 'Observable<TaskRound[]>'.
  Type 'TaskRound[]' is missing the following properties from type 'Observable<TaskRound[]>': _isScalar, source, operator, lift, and 5 more.

28   taskService.getStatusOfProject.and.returnValue(taskRound);

error TS2448: Block-scoped variable 'taskRound' used before its declaration.

Kombinuje na różne sposoby aby to jakoś zamokować , ale nie kumam jak to zrobić.

Z góry dziękuje za pomoc.

Answer 1

Twoja metoda zwraca observable, zamokuj wiec np. of(taskRound), musisz miec observable. I druga sprawa deklaracje taskRound przenies przed miejsce użycia tej wartości.

Comments

Nie do końca rozumiem czy chodzi Ci o coś takiego ? 

  let taskRound = [
    {
      'id': 'id1',
      'idTask': 'idtask31',
      'task' : 'zadanie',
      'usersTransfer': 'user_transfer_test',
      'createdAt': 2020,
      'status' : 1
    },
  ];

  let component: StatusComponent;
  let fixture: ComponentFixture<StatusComponent>;
  let taskService: jasmine.SpyObj<TaskService>;

  taskService = jasmine.createSpyObj('TaskService', ['getStatusOfProject']);
  taskService.getStatusOfProject.and.returnValue(of(taskRound));

Bo teraz mi wywala ,że nie widzie pipe z tej metody : 

 getStatusProject(way: number) {
    this.taskService.getStatusOfProject(way).pipe().subscribe(task => {
      this.load = false;
      this.taskRounds = task;
    });
  }

Z góry dziękuje za wskazówkę 

---

a po co Ci ten pipe skoro nic tam nie masz?

---

Tu masz rację. I już go wywaliłem i mam błędy z subscribe, że nie znaleziono.

---

Tak to wygląd:

getStatusProject(way: number) {
    this.taskService.getStatusOfProject(way).subscribe(task => {
      this.load = false;
      this.taskRounds = task;
    });
  }

i błąd :

 StatusComponent should create FAILED
        TypeError: Cannot read property 'subscribe' of undefined

 

---

Dobra znalazłem swój błąd. Dziękuję za wskazówki.

---

sorki, jakoś przy tych wszystkich powiadomieniach nie zauważyłem tego. Ale jak udało się zlokalizować błąd to super.