text-field.component.html

<label class="grid grid-cols-2">
  <span [attr.data-test-id]="'text-field-span-' + label | convertForDataTest">{{ label }}</span>
  <input
    [attr.data-test-id]="'text-field-input-' + label | convertForDataTest"
    type="text"
    [formControl]="fieldControl"
  />
</label>