Tengo un formulario basado en plantillas con muchas entradas como las siguientes

 <input type="text" name="data" [(ngModel)]="data" [disabled]="disabled" />

Quiero escribir una prueba que garantice que todas las entradas estén deshabilitadas cuando la variable disabled se establezca en verdadero. A continuación se muestra mi prueba hasta ahora. Funciona, pero hay varias propiedades "deshabilitadas" en element y element.nativeElement que siguen siendo falsas. Además, la vista renderizada en Chrome cuando se detiene en el depurador no parece deshabilitada. Solo el atributo "ng-reflect-is-disabled" es realmente verdadero.

 it("should disable all inputs when disabled is true", () => { component.disabled = true; fixture.detectChanges(); inputs = fixture.debugElement.queryAll(By.css('input')); inputs.forEach(element => { expect(element.attributes["ng-reflect-is-disabled"]).toBe('true'); }); });

¿Hay una mejor manera de verificar el estado deshabilitado de mi entrada?