Ionic testing - asynchronous look for a change in ionViewDidLoad [closed] - ionic-framework

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
I have troubles trying to test the value of a variable that change inside the ionViewDidLoad method
welcomepage.ts
#Component({...})
export class WelcomePage {
test: number = 0;
constructor(){}
ionViewDidLoad(){
this.test = 1;
}
}
welcomepage.spec.ts
it('test should equal be equal to 1', () => {
fixture.detectChanges();
expect(component.test).toBe(1)
});
But this test is not succeeding. If I do the change inside the constructor function (this.test = 1) then it is working.
======== UPDATE ========
It seems that it is a problem with ionViewDidLoad function triggered by ionic, it is working as usual by running ionic but not in the test.

Answer 1

It appears that ionic life-cycle events (ionViewDidEnter, ionViewDidLoad, ...) are not called during testing, by calling it manually it works :
it('test should equal be equal to 1', () => {
component.ionViewDidLoad();
fixture.detectChanges();
expect(component.test).toBe(1)
});
But then how are we sure that ionic really call ionViewDidLoad ?

Answer 2

Your variable is not setting because you have done it in wrong way. Your variable name is test and you are setting value in variable type which is number. Please see the following snippet, hope it helps.
#Component({...})
export class WelcomePage {
test: number = 0;
constructor(){}
ionViewDidLoad(){
this.test = 1;
}
}