如何使用Angular 7为名称字段编写单元测试用例答案

【问题标题】：How to write unit test case for name field using Angular 7如何使用Angular 7为名称字段编写单元测试用例
【发布时间】：2020-05-10 18:26:16
【问题描述】：

请提供建议如何在 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>

【问题讨论】：

标签： angular typescript unit-testing jasmine karma-jasmine

【解决方案1】：

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

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

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

【讨论】：