Angular 19 Standalone Reactive Form Component Test throws NG01203: No value accessor

Siemens iX
1

To whom it may concern,

I am in the middle of upgrading our Angular 19 application to use standalone components, but am getting problems with component tests for every component using reactiveforms.

As a minimal example, in the html, I have the following:

<ix-input formContrrolName="username" />

The component builds the formControl via FormBuilder, like so:

this.fb.group(
  ...
  username: ['', [Validators.required]]
)

The component tests for the angular component the form is in then emiting:

 No value accessor for form control name: 'username'.

How can I fix this issue? Is this an ix problem, or a test setup problem?

2

Update: I managed to find a closed issue in the github repo for ix-angular: NG01203 when using standalone Ix inputs with ReactiveFormsModule · Issue #1901 · siemens/ix · GitHub

It seems one has to import one or more of: IxTextValueAccessorDirective, IxBooleanValueAccessorDirective, etc (there’s a few more, they each cover different ix components) in the component under test in order for angular to actually access the value, at least in a testing context.

This isn’t mentioned in the documentation anywhere; and would be impossible to discover without that github issue.