Spectator not applied detectChanges on host component

[ntvsx193]

Is this a regression?

Yes

Description

import { Component, Input } from '@angular/core';
import { createComponentFactory, Spectator } from '@ngneat/spectator';

@Component({
  selector: 'app-foo',
  template: '',
  host: {
    '[class.bar]': 'bar'
  }
})
class FooComponent {
  @Input() bar: boolean;
}

describe('FooComponenent', () => {
  const createComponent = createComponentFactory({
    component: FooComponent
  });

  let spectator: Spectator<FooComponent>;

  beforeEach(() => {
    spectator = createComponent();
  });

  it('should set the class name "bar"', () => {
    spectator.setInput({ bar: true });

    expect(spectator.element).toHaveClass('bar');
  });
});

We catch error after run this spec:

Error: Expected element to have class 'bar', but had 'undefined'
	    at <Jasmine>
	    at UserContext.eval (webpack-internal:///94564:35:35)
	    at ZoneDelegate.invoke (webpack-internal:///23484:461:160)
	    at ProxyZoneSpec.onInvoke (webpack-internal:///83761:341:35)

For local fix in the current test, we need add spectator.detectChanges() after spectator.setInput ... for trigger root DC.

Some time ago, I'm open PR with fix these problems

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in

No response

Anything else?

No response

Do you want to create a pull request?

Yes

[michelmeeuwissen]

Because of this change you will have to set all input change at once.

spectator.setInput({
  'type1': type.ABC,
  'type2':  type.CDE,
   'type2':  type.FGH,
});

Otherwise you can have read properties of undefined erros