Как написать тестовый блок для поля имени, используя 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 руководство из официальных руководств для примеров реализации. (а также узнать больше о angular лучших методах тестирования)