如何使用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

您可以将模式作为regexp表达式进行测试。

您可以@viewChild选定的输入字段，并查看它是否具有必需的属性集。

有关实施示例，请参见官方指南中的component DOM testing指南。 （并了解有关角度测试最佳做法的更多信息）