如何使用 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 测试指南。 （以及了解有关角度测试最佳实践的更多信息）