javascript - AngularJS e2e 测试选择(下拉)、输入单选、输入复选框之间的区别

标签 javascript angularjs checkbox drop-down-menu radio-button

在 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();

关于javascript - AngularJS e2e 测试选择(下拉)、输入单选、输入复选框之间的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23150348/

相关文章:

javascript - 取消选中时更改复选框样式

javascript - Angular.js 请求/响应 Node.js

angularjs - 如何在angularjs中查找数组大小

javascript - 具有多个数组的数组上的 ng-repeat

jquery - 在视觉上禁用一个复选框,但允许它仍然提交它的值

html - Firefox 中的复选框不检查内部 div

javascript - 使用循环向 Firestore 的 get() 添加多个条件,一般 javascript 问题

javascript - 单击 Bootstrap Accordion 时打开 url/文件

php - 如何使用 xenforo 选项获取要重新填充的复选框

javascript - 配置文件特定的动画 CPU