typeInElement isn't working as expected

[grosch]

I have a simple HTML form:

<form [formGroup]="formGroup">
  <input formControlName="serial" id="search">
</form>

that's controlled by a formGroup:

interface IForm {
  serial: string | null
}

  readonly formGroup = this.fb.group<IForm>({
    serial: null
  })

When I try to "type" into the input it's not working as expected. Here's the failing test:

describe('AppComponent', () => {
  const createComponent = createComponentFactory(AppComponent)

  it('should type', () => {
    const spectator = createComponent()
    const input = spectator.query('#search') as HTMLInputElement
    expect(input).toExist()

    spectator.typeInElement('aaaa', input)

    const value = spectator.component.formGroup.value
    expect(value.serial).toBe('aaaa')  })
})

[NetanelBasal]

https://github.com/ngneat/spectator/issues?q=typeInElement+form+

[grosch]

Every time I try to add spectator to stackblitz ngcc fails. Is there some magic trick I'm missing? I created something in codesandbox:

https://codesandbox.io/s/twilight-voice-u9j5v?file=/src/app/app.component.spec.ts

[NetanelBasal]

It doesn't work: Cannot read properties of null (reading 'getComponentFromError')

[NetanelBasal]

Works fine:

import { HelloComponent } from './hello.component';
import { createComponentFactory, Spectator } from '@ngneat/spectator';
import { ReactiveFormsModule } from '@angular/forms';

describe('HelloComponent', () => {
  let spectator: Spectator<HelloComponent>;

  const createComponent = createComponentFactory({
    component: HelloComponent,
    imports: [ReactiveFormsModule],
  });

  it('should work', () => {
    spectator = createComponent();
    const input = spectator.query<HTMLInputElement>('#search');
    expect(input).toExist();
    spectator.typeInElement('aaaa', input);

    const value = spectator.component.formGroup.value;
    expect(value.serial).toBe('aaaa');
  });
});

https://stackblitz.com/edit/angular-testing-spectator?file=app/hello.component.spec.ts

[grosch]

Your example is using version 6 of spectator, not 8. Can you upgrade it to use version 8 please?

[NetanelBasal]

Works.