Mengolok-olok properti Subjek dari layanan yang diolok-olok untuk berlangganan dalam pengujian unit Angular
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
Itu tidak berfungsi karena hubServiceMock
tidak memiliki subjek palsu di dalamnya messageChange
dan 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.
});
}
Saya berakhir dengan pendekatan, di mana saya menyuntikkan layanan yang diejek seperti ini:
hubServiceMock = TestBed.inject(HubConnectionService);
Lalu saya mengejek saya Subject
seperti 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);