AngularJS e2e测试选择(下拉）、输入单选框和输入复选框之间的差异

AngularJS e2e test difference between select (dropdown), input radio, input checkbox

本文关键字：输入 单选框 复选框 之间 测试 e2e 选择 下拉 AngularJS      更新时间：2023-09-26

在AngularJS中没有一致的方法来测试不同的表单属性。我知道AngularJS用Protractor更新了他们的e2e测试，但对于仍然使用旧版本的每个人来说，我想知道两者之间的区别：

选择项目：

1a。从选择（下拉）列表中选择项目

1b。选择单选按钮

1c。选中复选框

如果选中，请检查：

2a。检查是否选择了下拉菜单

2b。检查是否选择了单选按钮

2c。如果复选框已选中，请选中

替换所有示例中的两个变量：

  • 将"modelName"替换为您的型号名称
  • 将"value"替换为表单属性的值

选择项目：

1a。从选择（下拉）列表中选择项目：

select('modelName').option('value');

1b。选择单选按钮中的项目：

input('modelName').select('value');

1c。选中复选框：

input('modelName').check();

如果选中，请检查：

2a。选中（下拉）列表中的项目：

expect(input('modelName').val()).toEqual(value);

2b。检查单选按钮中的项目

expect(element('input[ng-model="modelName"]:checked').val()).toEqual(value);

2c。选中复选框中的项目

expect(element('input[ng-model="modelName"]').prop('checked')).toBeTruthy();

为了检查是否选中了单选按钮，我一直在使用：element(by.id('radiobutton')).getAttribute('checked').then(function(value) { expect(value).toBe('true'); // value is 'true' if checked, and is null if not checked });

相关文章：