artschedrov Aug 31 2021 at 23:49

Тестируем Angular приложение. Часть 1. Тестирование компонента (+ EventEmitter)

4 min

10K

Angular*TypeScript*

Tutorial

Comments 5

berestov1 Sep 2 2021 at 10:56

Как мне кажется, второй тест лучше разделить на три. Есть практика: в одном it один expect.

robotikz Sep 2 2021 at 12:20

setColor

разве не надо ждать асинк?

artschedrov Sep 2 2021 at 12:36

artschedrov Sep 2 2021 at 12:48

У нас вызывается subscribe, который возвращает Subscription, его мы кладем в result, метод setColor вызывает внутри себя emit куда передается значение переменной color, ну а затем подписываясь через subscribe мы получаем значение переменной color, его и проверям. Возможно объяснил немного не понятно. Все детали есть в доке https://angular.io/api/core/EventEmitter

robotikz Sep 2 2021 at 13:05

expect(result).toBe('Black')

разве ждет когда hello.colorEmitter когда выдаст значение? понятно что в данном случае задержка минимальная.

может как-то так?


 it('should color event is Black', (done: DoneFn) => {
    hello.colorEmitter.subscribe(v => {
    	expect(v).toBe('Black');
      done();
    });
    hello.setColor();
  });