angularjs - 正确使用 Protractor

Question

我有一个使用正式形式的 Angular 项目 http://angular-formly.com/#/并希望使用 Protractor 添加一些端到端测试.

我无法通过模型选择元素，因为表单字段是在代码中定义的，而不是在模板中定义的，当它们被渲染时，它们会得到不同的 ng-model 并且我不想添加特定的类，因为我有很大的类表格。

有没有办法做到这一点并测试 Formly 呈现的表单？

Answer 1

一种选择是查找所有形式的input元素，evaluate模型值和 filter :

var formlyInputs = $$("input");

var desiredModel = "modelName";
var desiredInput = formlyInputs.filter(function (input) {
    return input.evaluate("model[options.key]").then(function (model) {
        return model === desiredModel; 
    });
}).first();

desiredInput.sendKeys("some text");

您可能需要对其进行扩展，以不仅支持 input 元素，还支持表单可能具有的其他表单元素。

<小时/>

另一种解决方案是依赖输入的前面标签:

var label = "Text";

var desiredInput = element(by.xpath("//label[normalize-space(.) = '" + label + "']/following-sibling::input"));
desiredInput.sendKeys("some text");