Unable to change input value for afterNextRender from unit test

I am trying to write unit test for my component but I am unable to change my input value inside afterNextRender

// In component code
constructor() {
afterNextRender({
write: () => {
if (this.disabled()) {
this.myStream.next('hello');
}
}
});
}

// in unit test
it('should call the function when disabled is true', async () => {

fixture.componentRef.setInput('disabled', true);

await firstValueFrom(component.myStream);

expect(component.disabled()).toEqual(true);
});


The test wait forever then fails. the problem that disabled input is false when afterNextRender executes, I need to be able to set the input first then run it, similar to how we do with ngOnInit for instance. how can I do this test with afterNextRender?

Continue reading...