Мокинг свойства Subject имитируемого сервиса для подписки в модульном тесте Angular
В моем модульном тестировании Angular мой фиктивный сервис имеет два свойства:
public messageChange: Subject<ChatMessage> = new Subject<ChatMessage>();
public gameChange: Subject<GameState> = new Subject<GameState>();
И в своем SUT я использую их в своем конструкторе:
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);
});
Прямо сейчас я пытаюсь использовать эти 2 подхода для имитации свойств из фиктивного сервиса:
- Тема Mock Replay Angular Unit Test
- Как шпионить за ценностным свойством (а не методом) с помощью Jasmine
Сейчас мое тестирование выглядит так:
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();
});
}
Итак, в тесте я создаю:
сервисный макет
hubServiceMock
,подделка
messageChange = new Subject();
,подделка
gameChange = new Subject();
,я бегу за обоими
.next
,и я настраиваю шпион для свойств:
spyOnProperty(hubServiceMock, 'messageChange', 'get').and.returnValue( messageChange );
spyOnProperty(hubServiceMock, 'gameChange', 'get').and.returnValue( gameChange );
Почему у меня не работает? Я получаю сообщение об ошибке:
Невозможно прочитать свойство "подписаться" для неопределенного значения.
Ответы
Это не работает, потому hubServiceMock
что в нем нет фальшивых тем, messageChange
и gameChange
вам нужно установить их перед вызовом 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;
тогда он должен работать, возможно, потребуются небольшие корректировки.
Я бы посоветовал использовать для таких случаев фиктивную библиотеку, чтобы избежать боли.
Например, с ng-mocks тест может выглядеть так:
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.
});
}
В итоге у меня появился подход, в котором я вставляю издеваемый сервис следующим образом:
hubServiceMock = TestBed.inject(HubConnectionService);
Затем я издеваюсь над своими Subject
s вот так:
it('Service_ShouldBeCreated', () => {
spyOn(hubServiceMock.messageChange, 'next');
spyOn(hubServiceMock.gameChange, 'next');
expect(signalrService).toBeTruthy();
});
А в других тестах я могу использовать такие методы имитируемого сервиса:
let spyIsConnectionStarted = spyOn(hubServiceMock, 'isConnectionStarted');
spyIsConnectionStarted.and.returnValue(true);