以角度形式使用量角器

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");