Input bindings are undefined when component has no selector

After updating shallow-render from 7.0.0 to 8.2.0 (and Angular from 7.2.0 to 8.1.0), input bindings on a component with no selector are undefined.

In this example, both logs are undefined. Adding a selector to the component will fix it though.

@Component({
  template: '<div></div>',
})
export class TestComponent {
  @Input() public input: object;

  ngOnInit(): void {
    console.log(this.input);
  }
}

describe('TestComponent', () => {
  let shallow: Shallow<TestComponent>;

  @NgModule({
    declarations: [TestComponent],
  })
  class TestingModule {}

  beforeEach(() => {
    shallow = new Shallow(TestComponent, TestingModule);
  });

  it('is undefined', async () => {
    const { instance } = await shallow.render({ bind: { input: { foo: 'bar' } } });
    console.log(instance.input);
  });
});

Context: I’m trying to test a modal component that doesn’t have a selector and gets its inputs set directly on the instance. Before this package upgrade, I could set those inputs in a test using the bind option.

[getsaf]

Can the component instance be accessed before that promise is resolved and before ngOnInit is called?

Yes, you should be able to render the component like this:

const {fixture, instance} = await shallow.render({detectChanges: false});
// Do some stuff...
fixture.detectChanges(); // to trigger the onInit if you need to

[getsaf]

Since you mentioned being able to do this in previous versions, I wanted to mention where the change that prevents us from “binding” to EntryComponents came from.

Here is the PR where we stopped applying bindings directly to the component and started using actual Angular templates in shallow. The goal here was to ensure that bindings in shallow-render tests worked exactly like they do in a production app. Namely that the lifecycle hooks function exactly the same in our tests as they do in the real world. When we were binding directly to the component instance we were bypassing a lot of Angular internals and switching to template-based rendering for components with selectors shored that up. Sorry for the rambling, just thought this extra info would be helpful.