在另一个服务角度单元测试中订阅 EventEmitter

Question

我尝试测试 EventEmitter 在角度服务中是否正确调用。但我有两个服务。

服务一号

public methodToTestInServiceOne(message: string) {
  this.serviceTwo.methodInServiceTwo(message);
}

服务二

public onMessageStart = new EventEmitter();
public onMessageEnd = new EventEmitter();

public methodInServiceTwo(message: string): void {
    this.onMessageStart.emit(message);
    /* Code... */
    this.onMessageEnd.emit(message);
  }

单元测试服务一

describe("serviceOne", (): void => {
  let serviceOne: ServiceOne;
  let serviceTwo: ServiceTwo;

  beforeEach((): void => {
    TestBed.configureTestingModule({ providers: [] });
    service = TestBed.inject(ServiceOne);
    serviceTwo = TestBed.inject(ServiceTwo);
  });

  describe("methodToTestInServiceOne", (): void => {
    it("should call EventEmmiter", (): void => {
      let isMessageSend: boolean = false;

      serviceTwo.onMessageEnd.subscribe((message: string): void => {
        isMessageSend = true;
      });

      serviceOne.methodToTestInServiceOne("Hello World !");

      expect(isMessageSend).toBeTruthy();
    });
  });
});

此代码不起作用，但如果我直接调用我的服务二。

serviceTwo.methodInServiceTwo("Hello World !")

测试有效！ 请问，如何测试我的 EventEmitter 调用 serviceOne ？

Answer 1

尝试将ServiceOne 和ServiceTwo 放入TestBed 的providers 数组中。

试试这个：

describe("serviceOne", (): void => {
  let serviceOne: ServiceOne;
  let serviceTwo: ServiceTwo;

  beforeEach((): void => {
    TestBed.configureTestingModule({ 
      providers: [
        ServiceOne,
        ServiceTwo, // !! - Add these two here - !!
      ] 
    });
    service = TestBed.inject(ServiceOne);
    serviceTwo = TestBed.inject(ServiceTwo);
  });

  describe("methodToTestInServiceOne", (done): void => { // !! add done here
    it("should call EventEmmiter", (): void => {
      let isMessageSend: boolean = false;

      serviceTwo.onMessageEnd.subscribe((message: string): void => {
        console.log(`1.) subscribing to message, ${message}`);
        console.log(`2.) Setting isMessageSend to true`);
        isMessageSend = true;
        done(); // !! call done to let Jasmine know we are done with the test
      });

      serviceOne.methodToTestInServiceOne("Hello World !");
      console.log(`3.) Checking isMessageSend is truthy`);
      expect(isMessageSend).toBeTruthy();
    });
  });
});

public methodToTestInServiceOne(message: string) {
  console.log('[Service One] calling method in service two');
  this.serviceTwo.methodInServiceTwo(message);
}
....
public methodInServiceTwo(message: string): void {
    this.onMessageStart.emit(message);
    /* Code... */
    console.log('[Service Two] onMessageEnd being emitted');
    this.onMessageEnd.emit(message);
  }