AngularJS e2e测试选择(下拉),输入收音机,输入复选框之间的区别

Question

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

选择项目:

1A.从选择(下拉列表)列表中选择项目

1B.选择单选按钮

1C.选中复选框

检查是否选中:

2A.检查是否选择了下拉列表

2B.检查是否选择了单选按钮

2C.检查是否选中了复选框

Answer 1

在所有示例中替换两个变量:

• 将" 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();