嘲笑茉莉花中的蜘蛛对象

Question

我的组件订阅了类似服务的可观察到的服务：

  ngOnInit(): void {
    this.sub.add(
      this.notesService.notes$.subscribe(notes => {
        this.notes = notes.map(note => {
          let profilePicture = generateProfilePicture(note.creator)
            return {
              ...note,
              color: profilePicture.color,
              initials: profilePicture.initials
            }
        })
      })
    );
  } 

在我的单元测试中，我为笔记服务创建了一个spyobject。我该如何存根note $可观察？

providers: [
        ConfirmationService,
        {
          provide: HttpClient,
          useValue: jasmine.createSpyObj("HttpClient", ["get", "post", "put", "delete"])
        },
        {
          provide: NotesService,
          useValue: jasmine.createSpyObj("NotesService",
            ["addNote", "getNotesByRefId", "editNote", "deleteNote"])
        }
      ]

Answer 1

分机分开（需要在需要时使用）：

const trigger = new Subject<any>();
let trigger$: Observable<any>;

beforeEach(() => {
  trigger$ = trigger.asObservable().pipe(first());
  component.notesService.notes$ = trigger$;
})

it('Should XXX', () => {
  trigger$.subscribe(() => {
    expect(...);
  });

  component.ngOnOnInit();

  trigger.next('Value that the observable should emit');
})