Class TestCmp

packages/forms/signals/test/web/compat_form.spec.ts:23–36

  it('should bind compat form to input with [formField] directive', () => {
    @Component({
      imports: [FormField],
      template: `
        <input [formField]="f.name" />
        <input type="number" [formField]="f.age" />
      `,
    })
    class TestCmp {
      readonly cat = signal({
        name: new FormControl('pirojok-the-cat', {nonNullable: true}),
        age: new FormControl(5, {nonNullable: true}),
      });
      readonly f = compatForm(this.cat);
    }

    const fixture = act(() => TestBed.createComponent(TestCmp));
    const inputs = fixture.nativeElement.querySelectorAll('input');