如何使用 Angular 7 為名稱字段編寫單元測試用例

Question

請提供如何為 Angular 7 中的必需和模式編寫單元測試用例的建議

<div>
    <mat-form-field>
      <mat-label>name</mat-label>
      <input matInput name="name" [(ngModel)] = "name" #name="ngModel" [pattern]="[A-Za-z]{3}" required (change)="namecheck()">
    </mat-form-field>
    <mat-error *ngIf="name.errors?.pattern"> 
     name field is required
    </mat-error> 
  </div>

Answer 1

您可以將模式作為正則表達式進行測試。

您可以@viewChild 選定的輸入字段，並查看它是否具有所需的屬性集。

有關實現示例，請參閱官方指南中的組件 DOM 測試指南。 （以及了解有關角度測試最佳實踐的更多信息）