Angular async detect changes

Question

How can I "detect changes" in testing Angular without testbed?

With a component, I will have this:

it('should work', async(() => {
  const fixture = TestBed.createComponent(TestComponent);
  // do some async call
  fixture.detectChanges();   // <=== This is what I want
  expect(something).toEqual(somethingElse);
});

With a service, I don't always have a testbed. How to tell angular to wait before asserting? Example:

it('should work', async(() => {
  const service = new MyService();
  const sub = service.emitter$.subscribe((val) => {
    // expect(val).toEqual(otherVal);
  });
  service.doAsyncWork();
});

How to get these connected? What if I have two phases to check (e.g. once before that async work, once after, but all after some initial period)?

Sachila Ranawaka · Accepted Answer · 2017-12-28 15:17:53Z

1

use fakeAsync with the tick function to simulate time period.

it('should work', fakeAsync(() => {
  const fixture = TestBed.createComponent(TestComponent);
  // do some async call
  tick(10000);    
  expect(something).toEqual(somethingElse);
});

answered Dec 28, 2017 at 15:17

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zlatko Over a year ago

That's a temporary solution, in some occasions I depend on things outside my control for this incoming data. Thanks though.

Collectives™ on Stack Overflow

Angular async detect changes

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related