Mengolok-olok properti Subjek dari layanan yang diolok-olok untuk berlangganan dalam pengujian unit Angular

Jan 19 2021

Dalam pengujian unit Angular saya, layanan tiruan saya memiliki dua properti:

  public messageChange: Subject<ChatMessage> = new Subject<ChatMessage>();
  public gameChange: Subject<GameState> = new Subject<GameState>();

Dan di SUT saya, saya menggunakannya di konstruktor saya:

this._subChat = this.hub.messageChange.subscribe((message: ChatMessage) => {
      this.message = message;
      this.messageChange.next(this.message);
    });
    this._subGame = this.hub.gameChange.subscribe((game: GameState) => {
      this.game.setGame(game);
    });

Saat ini saya mencoba menggunakan 2 pendekatan ini untuk properti tiruan dari layanan tiruan:

  • Subjek Pemutaran Ulang Mock Uji Satuan Sudut
  • Bagaimana memata-matai properti nilai (daripada metode) dengan Jasmine

Sekarang pengujian saya terlihat seperti ini:

describe('SignalRService', () => {
  let signalrService: SignalRService;
  const hubServiceMock = jasmine.createSpyObj('HubConnectionService', [
    'isConnectionStarted',
  ]);
  const messageChange = new Subject();
  const gameChange = new Subject();

  beforeEach(() => {
    signalrService = new SignalRService(
      hubServiceMock
    );
    let msg = {} as ChatMessage;
    let gam = {} as GameState;
    messageChange.next(msg);
    gameChange.next(gam);
  });

  it('Service_ShouldBeCreated', () => {
    spyOnProperty(hubServiceMock, 'messageChange', 'get').and.returnValue(
      messageChange
    );
    spyOnProperty(hubServiceMock, 'gameChange', 'get').and.returnValue(
      gameChange
    );
    expect(signalrService).toBeTruthy();
  });
}

Jadi dalam tes saya buat:

  • layanan tiruan hubServiceMock,

  • palsu messageChange = new Subject();,

  • palsu gameChange = new Subject();,

  • saya lari untuk keduanya .next,

  • dan saya menyiapkan mata-mata untuk properti:

    spyOnProperty(hubServiceMock, 'messageChange', 'get').and.returnValue( messageChange );

    spyOnProperty(hubServiceMock, 'gameChange', 'get').and.returnValue( gameChange );

Mengapa itu tidak berhasil bagi saya? Saya menerima kesalahan:

Tak dapat membaca 'langganan' properti yang tidak ditentukan

Jawaban

1 satanTime Jan 19 2021 at 13:37

Itu tidak berfungsi karena hubServiceMocktidak memiliki subjek palsu di dalamnya messageChangedan gameChange, Anda perlu mengaturnya sebelum menelepon new SignalRService(hubServiceMock).

  const hubServiceMock = jasmine.createSpyObj('HubConnectionService', [
    'isConnectionStarted',
  ]);
  const messageChange = new Subject();
  const gameChange = new Subject();

  // add this
  hubServiceMock.messageChange = messageChange;
  hubServiceMock.gameChange = gameChange;

maka itu akan berhasil, mungkin diperlukan sedikit penyesuaian.


Saya akan menyarankan untuk menggunakan lib ejekan untuk kasus seperti itu untuk menghindari rasa sakit.

Misalnya dengan ng-mock , tesnya mungkin terlihat seperti:

describe('SignalRService', () => {
  beforeEach(() => MockBuilder(SignalRService, ITS_MODULE));

  const hubServiceMock = {
    messageChange: new Subject(),
    gameChange: new Subject(),
  };
  beforeEach(() => MockInstance(HubConnectionService, hubServiceMock));


  it('Service_ShouldBeCreated', () => {
    const signalrService = MockRender(SignalRService).point.componentInstance;
    expect(signalrService).toBeTruthy();

    hubServiceMock.messageChange.next({});
    hubServiceMock.gameChange.next({});
    // next assertions.
  });
}
1 bakunet Jan 19 2021 at 14:29

Saya berakhir dengan pendekatan, di mana saya menyuntikkan layanan yang diejek seperti ini:

hubServiceMock = TestBed.inject(HubConnectionService);

Lalu saya mengejek saya Subjectseperti ini:

it('Service_ShouldBeCreated', () => {
    spyOn(hubServiceMock.messageChange, 'next');
    spyOn(hubServiceMock.gameChange, 'next');
    expect(signalrService).toBeTruthy();
  });

Dan dalam pengujian lain saya dapat menggunakan metode layanan yang diejek seperti itu:

let spyIsConnectionStarted = spyOn(hubServiceMock, 'isConnectionStarted');
    spyIsConnectionStarted.and.returnValue(true);