代码之家 › 专栏 › 技术社区 › Tester

角度形式验证如何输出错误消息

karma-runner angular

Tester · 技术社区 · 6 年前

我正在测试这个模板驱动的角度表单。

<form  name="editForm" role="form" novalidate (ngSubmit)="save()" #editForm="ngForm">
  <input #cardInput type="text" class="form-control" name="name" id="id_name"
         [(ngModel)]="pacient.name" maxlength="20" />
  <small class="form-text text-danger" id ="ref"[hidden]="!editForm.controls.name?.errors?.maxlength"
         jhiTranslate="entity.validation.maxlength" translateValues="{ max: 20 }">
    This field cannot be longer than 20 characters.
  </small>
</form>

我正在测试它是否在无效时输出错误消息,如下所示:

 fit ('Blank input is not valid', async(() => {
               
                comp.paciente.tarjetaSanitaria = 'ddddddddddddddddddddddddddddddddd' ;      
            

                }));

当输入无效时,如何使其输出错误消息?

1 回复 | 直到 6 年前

Fateh Mohamed 6 年前

通过检查隐藏属性来尝试此操作

errorMessage = fixture.debugElement.query(By.css('.text-danger'));
errorMessageElement = errorMessage.nativeElement;
expect(errorMessageElement.hasAttribute('hidden')).toEqual(false);

要测试所有错误消息,可以使用query all而不是query,queryall返回一个debuglements数组,它可以是这样的

errorMessages = fixture.debugElement.queryAll (By.css('.text-danger'));
errorMessages.foreach(element => {
errorMessageElement = element.nativeElement;
 expect(errorMessageElement.hasAttribute('hidden')).toEqual(false);
})

推荐文章

user8709724 · 按顺序运行Jasmine测试

6 年前

CaptainMorgan · toHaveBeenCalled角茉莉花试验

7 年前

CunningFatalist · Symfony安可:因果报应和*。vue组件

7 年前

Francesco Casula · Karma/Webpack/Vue。js:属性或方法未在实例上定义,但在渲染期间引用

7 年前

rebilliony · 如何模拟因果报应测试帖子

7 年前

Pushpendre · 无法在Chrome63中使用es6导出关键字

7 年前

xveganxxxedgex · Karma Chrome测试在Chrome中失败,但通过了PhantomJS

7 年前

Suresh · 为什么Karma配置文件排除选项不起作用?

7 年前

masterach · 因果报应与茉莉共存吗?

7 年前

Manu Chadha · 无法在Karma中指定javascript文件的路径

7 年前